346. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-03-13 03:01:30 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

346.1 Files compared

#LocationFileLast Modified
1Porto v4.0.4/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/icon-fontsdemo.html2021-01-12 07:37:04 +0000
2Porto v4.0.5/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/icon-fontsdemo.html2023-02-27 08:47:10 +0000

346.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged96524
Changed911187
Inserted00
Removed447

346.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

346.4 Active regular expressions

No regular expressions were active.

346.5 Comparison detail

1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3   <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 3   <head>
4     <meta charset="UTF-8"><style>/* 4   <
!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
5  * Bootstrap v2.2.1 5   <meta charset="UTF-8">
6  * 6   <style>
7  * Copyright 2012 Twitter, Inc 7     html {
8  * Licensed under the Apache License v2.0    
9  * http://www.apache.org/licenses/LICENSE-2.0    
10  *    
11  * Designed and built with all the love in the world @twitter by @mdo and @fat.    
12  */    
13 .clearfix {    
14   *zoom: 1;    
15 }    
16 .clearfix:before,    
17 .clearfix:after {    
18   display: table;    
19   content: "";    
20   line-height: 0;    
21 }    
22 .clearfix:after {    
23   clear: both;    
24 }    
25 
html {
    
26   font-size: 100%; 8       font-size: 100%;
27   -webkit-text-size-adjust: 100%; 9       -webkit-text-size-adjust: 100%;
28   -ms-text-size-adjust: 100%; 10       -ms-text-size-adjust: 100%;
29 
}
 11     }
30 
a:focus {
 12     a:focus {
31   outline: thin dotted #333; 13       outline: thin dotted #333;
32   outline: 5px auto -webkit-focus-ring-color; 14       outline: 5px auto -webkit-focus-ring-color;
33   outline-offset: -2px; 15       outline-offset: -2px;
34 
}
 16     }
35 
a:hover,
 17     a:hover,
36 
a:active {
 18     a:active {
37   outline: 0; 19       outline: 0;
38 
}
 20     }
39 button, 21     input {
40 
input,
    
41 select,    
42 textarea {    
43   margin: 0; 22       margin: 0;
44   font-size: 100%; 23       font-size: 100%;
45   vertical-align: middle; 24       vertical-align: middle;
46 }    
47 button,    
48 input {    
49   *overflow: visible; 25       *overflow: visible;
50   line-height: normal; 26       line-height: normal;
51 
}
 27     }
52 button::-moz-focus-inner, 28     input::-moz-focus-inner {
53 
input::-moz-focus-inner {
    
54   padding: 0; 29       padding: 0;
55   border: 0; 30       border: 0;
56 
}
 31     }
57 
body {
 32     body {
58   margin: 0; 33       margin: 0;
59   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 34       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
60   font-size: 14px; 35       font-size: 14px;
61   line-height: 20px; 36       line-height: 20px;
62   color: #333; 37       color: #333;
63   background-color: #fff; 38       background-color: #fff;
64 
}
 39     }
65 
a {
 40     a {
66   color: #08c; 41       color: #08c;
67   text-decoration: none; 42       text-decoration: none;
68 
}
 43     }
69 
a:hover {
 44     a:hover {
70   color: #005580; 45       color: #005580;
71   text-decoration: underline; 46       text-decoration: underline;
72 
}
 47     }
73 
.row {
 48     .row {
74   margin-left: -20px; 49       margin-left: -20px;
75   *zoom: 1; 50       *zoom: 1;
76 
}
 51     }
77 
.row:before,
 52     .row:before,
78 
.row:after {
 53     .row:after {
79   display: table; 54       display: table;
80   content: ""; 55       content: "";
81   line-height: 0; 56       line-height: 0;
82 
}
 57     }
83 
.row:after {
 58     .row:after {
84   clear: both; 59       clear: both;
85 
}
 60     }
86 [class*="span"] { 61     .span3 {
87   float: left; 62       float: left;
88   min-height: 1px; 63       min-height: 1px;
89   margin-left: 20px; 64       margin-left: 20px;
90 }    
91 .container,    
92 .navbar-static-top .container,    
93 .navbar-fixed-top .container,    
94 .navbar-fixed-bottom .container {    
95   width: 940px;    
96 }    
97 .span12 {    
98   width: 940px;    
99 }    
100 .span11 {    
101   width: 860px;    
102 }    
103 .span10 {    
104   width: 780px;    
105 }    
106 .span9 {    
107   width: 700px;    
108 }    
109 .span8 {    
110   width: 620px;    
111 }    
112 .span7 {    
113   width: 540px;    
114 }    
115 .span6 {    
116   width: 460px;    
117 }    
118 .span5 {    
119   width: 380px;    
120 }    
121 .span4 {    
122   width: 300px;    
123 }    
124 .span3 {    
125   width: 220px; 65       width: 220px;
126 
}
 66     }
127 .span2 { 67     .container {
128   width: 140px; 68       width: 940px;
129 }    
130 .span1 {    
131   width: 60px;    
132 }    
133 [class*="span"].pull-right,    
134 .row-fluid [class*="span"].pull-right {    
135   float: right;    
136 }    
137 .container {    
138   margin-right: auto; 69       margin-right: auto;
139   margin-left: auto; 70       margin-left: auto;
140   *zoom: 1; 71       *zoom: 1;
141 
}
 72     }
142 
.container:before,
 73     .container:before,
143 
.container:after {
 74     .container:after {
144   display: table; 75       display: table;
145   content: ""; 76       content: "";
146   line-height: 0; 77       line-height: 0;
147 
}
 78     }
148 
.container:after {
 79     .container:after {
149   clear: both; 80       clear: both;
150 
}
 81     }
151 p { 82     small {
152   margin: 0 0 10px;    
153 }    
154 .lead {    
155   margin-bottom: 20px;    
156   font-size: 21px;    
157   font-weight: 200;    
158   line-height: 30px;    
159 }    
160 
small {
    
161   font-size: 85%; 83       font-size: 85%;
162 
}
 84     }
163 
h1 {
 85     h1 {
164   margin: 10px 0; 86       margin: 10px 0;
165   font-family: inherit; 87       font-family: inherit;
166   font-weight: bold; 88       font-weight: bold;
167   line-height: 20px; 89       line-height: 20px;
168   color: inherit; 90       color: inherit;
169   text-rendering: optimizelegibility; 91       text-rendering: optimizelegibility;
170 
}
 92       line-height: 40px;
171 
h1 small {
 93       font-size: 38.5px;
    94     }
    95     h1 small {
172   font-weight: normal; 96       font-weight: normal;
173   line-height: 1; 97       line-height: 1;
174   color: #999; 98       color: #999;
175 }    
176 h1 {    
177   line-height: 40px;    
178 }    
179 h1 {    
180   font-size: 38.5px;    
181 }    
182 h1 small {    
183   font-size: 24.5px; 99       font-size: 24.5px;
184 
}
 100     }
185 
body {
 101 
    102     body {
186   margin-top: 90px; 103       margin-top: 90px;
187 
}
 104     }
188 
.header {
 105     .header {
189   position: fixed; 106       position: fixed;
190   top: 0; 107       top: 0;
191   left: 50%; 108       left: 50%;
192   margin-left: -480px; 109       margin-left: -480px;
193   background-color: #fff; 110       background-color: #fff;
194   border-bottom: 1px solid #ddd; 111       border-bottom: 1px solid #ddd;
195   padding-top: 10px; 112       padding-top: 10px;
196   z-index: 10; 113       z-index: 10;
197 
}
 114     }
198 
.footer {
 115     .footer {
199   color: #ddd; 116       color: #ddd;
200   font-size: 12px; 117       font-size: 12px;
201   text-align: center; 118       text-align: center;
202   margin-top: 20px; 119       margin-top: 20px;
203 
}
 120     }
204 
.footer a {
 121     .footer a {
205   color: #ccc; 122       color: #ccc;
206   text-decoration: underline; 123       text-decoration: underline;
207 
}
 124     }
208 
.the-icons {
 125     .the-icons {
209   font-size: 14px; 126       font-size: 14px;
210   line-height: 24px; 127       line-height: 24px;
211 
}
 128     }
212 
.switch {
 129     .switch {
213   position: absolute; 130       position: absolute;
214   right: 0; 131       right: 0;
215   bottom: 10px; 132       bottom: 10px;
216   color: #666; 133       color: #666;
217 
}
 134     }
218 
.switch input {
 135     .switch input {
219   margin-right: 0.3em; 136       margin-right: 0.3em;
220 
}
 137     }
221 
.codesOn .i-name {
 138     .codesOn .i-name {
222   display: none; 139       display: none;
223 
}
 140     }
224 
.codesOn .i-code {
 141     .codesOn .i-code {
225   display: inline; 142       display: inline;
226 
}
 143     }
227 
.i-code {
 144     .i-code {
228   display: none; 145       display: none;
229 
}
 146     }
230 
@font-face {
 147     @font-face {
231       font-family: 'porto-icons'; 148       font-family: 'porto-icons';
232       src: url('./font/porto-icons.eot?11431646'); 149       src: url('./font/porto-icons.eot?25547438');
233       src: url('./font/porto-icons.eot?11431646#iefix') format('embedded-opentype'), 150       src: url('./font/porto-icons.eot?25547438#iefix') format('embedded-opentype'),
234            url('./font/porto-icons.woff?11431646') format('woff'), 151            url('./font/porto-icons.woff?25547438') format('woff'),
235            url('./font/porto-icons.ttf?11431646') format('truetype'), 152            url('./font/porto-icons.ttf?25547438') format('truetype'),
236            url('./font/porto-icons.svg?11431646#fontello') format('svg'); 153            url('./font/porto-icons.svg?25547438#fontello') format('svg');
237       font-weight: normal; 154       font-weight: normal;
238       font-style: normal; 155       font-style: normal;
239     } 156     }
240       157     .demo-icon {
241          
242     .demo-icon
    
243     {    
244       font-family: "porto-icons"; 158       font-family: "porto-icons";
245       font-style: normal; 159       font-style: normal;
246       font-weight: normal; 160       font-weight: normal;
247       speak: never; 161       speak: never;
248       162      
249       display: inline-block; 163       display: inline-block;
250       text-decoration: inherit; 164       text-decoration: inherit;
251       width: 1em; 165       width: 1em;
252       margin-right: .2em; 166       margin-right: .2em;
253       text-align: center; 167       text-align: center;
254       /* opacity: .8; */ 168       /* opacity: .8; */
255       169      
256       /* For safety - reset parent styles, that can break glyph codes*/ 170       /* For safety - reset parent styles, that can break glyph codes*/
257       font-variant: normal; 171       font-variant: normal;
258       text-transform: none; 172       text-transform: none;
259       173      
260       /* fix buttons height, for twitter bootstrap */ 174       /* fix buttons height, for twitter bootstrap */
261       line-height: 1em; 175       line-height: 1em;
262       176      
263       /* Animation center compensation - margins should be symmetric */ 177       /* Animation center compensation - margins should be symmetric */
264       /* remove if not needed */ 178       /* remove if not needed */
265       margin-left: .2em; 179       margin-left: .2em;
266       180      
267       /* You can be more comfortable with increased icons size */ 181       /* You can be more comfortable with increased icons size */
268       /* font-size: 120%; */ 182       /* font-size: 120%; */
269       183      
270       /* Font smoothing. That was taken from TWBS */ 184       /* Font smoothing. That was taken from TWBS */
271       -webkit-font-smoothing: antialiased; 185       -webkit-font-smoothing: antialiased;
272       -moz-osx-font-smoothing: grayscale; 186       -moz-osx-font-smoothing: grayscale;
273       187      
274       /* Uncomment for 3D effect */ 188       /* Uncomment for 3D effect */
275       /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ 189       /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
276     } 190     }
277      </style> 191     </style>
278     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]--> 192     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
279     <script> 193     <script>
280       function toggleCodes(on) { 194       function toggleCodes(on) {
281         var obj = document.getElementById('icons'); 195         var obj = document.getElementById('icons');
282        196       
283         if (on) { 197         if (on) {
284           obj.className += ' codesOn'; 198           obj.className += ' codesOn';
285         } else { 199         } else {
286           obj.className = obj.className.replace(' codesOn', ''); 200           obj.className = obj.className.replace(' codesOn', '');
287         } 201         }
288       } 202       }
289           
290     </script> 203     </script>
291   </head> 204   </head>
292   <body> 205   <body>
293     <div class="container header"> 206     <div class="container header">
294       <h1>fontello <small>font demo</small></h1> 207       <h1>fontello <small>font demo</small></h1>
295       <label class="switch"> 208       <label class="switch">
296         <input type="checkbox" onclick="toggleCodes(this.checked)">show codes 209         <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
297       </label> 210       </label>
298     </div> 211     </div>
299     <div class="container" id="icons"> 212     <div class="container" id="icons">
300       <div class="row"> 213       <div class="row">
301         <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon porto-icon-spin1">&#xe800;</i> <span class="i-name">porto-icon-spin1</span><span class="i-code">0xe800</span></div> 214         <div class="span3" title="Code: 0xe800">
302         <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon porto-icon-spin2">&#xe801;</i> <span class="i-name">porto-icon-spin2</span><span class="i-code">0xe801</span></div> 215           <
i class="demo-icon porto-icon-spin1">&#xe800;</i> <span class="i-name">porto-icon-spin1</span><span class="i-code">0xe800</span>
303         <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon porto-icon-spin3">&#xe802;</i> <span class="i-name">porto-icon-spin3</span><span class="i-code">0xe802</span></div> 216         </div>
304         <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon porto-icon-spin4">&#xe803;</i> <span class="i-name">porto-icon-spin4</span><span class="i-code">0xe803</span></div> 217         <div class="span3" title="Code: 0xe801">
    218           <
i class="demo-icon porto-icon-cancel">&#xe801;</i> <span class="i-name">porto-icon-cancel</span><span class="i-code">0xe801</span>
    219         </div>
    220         <div class="span3" title="Code: 0xe802">
    221           <
i class="demo-icon porto-icon-cancel-1">&#xe802;</i> <span class="i-name">porto-icon-cancel-1</span><span class="i-code">0xe802</span>
    222         </div>
    223         <div class="span3" title="Code: 0xe803">
    224           <
i class="demo-icon porto-icon-spin2">&#xe803;</i> <span class="i-name">porto-icon-spin2</span><span class="i-code">0xe803</span>
    225         </div>
305       </div> 226       </div>
306       <div class="row"> 227       <div class="row">
307         <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon porto-icon-spin5">&#xe804;</i> <span class="i-name">porto-icon-spin5</span><span class="i-code">0xe804</span></div> 228         <div class="span3" title="Code: 0xe804">
308         <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon porto-icon-spin6">&#xe805;</i> <span class="i-name">porto-icon-spin6</span><span class="i-code">0xe805</span></div> 229           <
i class="demo-icon porto-icon-spin3">&#xe804;</i> <span class="i-name">porto-icon-spin3</span><span class="i-code">0xe804</span>
309         <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon porto-icon-firefox">&#xe806;</i> <span class="i-name">porto-icon-firefox</span><span class="i-code">0xe806</span></div> 230         </div>
310         <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon porto-icon-chrome">&#xe807;</i> <span class="i-name">porto-icon-chrome</span><span class="i-code">0xe807</span></div> 231         <div class="span3" title="Code: 0xe805">
    232           <
i class="demo-icon porto-icon-spin4">&#xe805;</i> <span class="i-name">porto-icon-spin4</span><span class="i-code">0xe805</span>
    233         </div>
    234         <div class="span3" title="Code: 0xe806">
    235           <
i class="demo-icon porto-icon-spin5">&#xe806;</i> <span class="i-name">porto-icon-spin5</span><span class="i-code">0xe806</span>
    236         </div>
    237         <div class="span3" title="Code: 0xe807">
    238           <
i class="demo-icon porto-icon-spin6">&#xe807;</i> <span class="i-name">porto-icon-spin6</span><span class="i-code">0xe807</span>
    239         </div>
311       </div> 240       </div>
312       <div class="row"> 241       <div class="row">
313         <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon porto-icon-opera">&#xe808;</i> <span class="i-name">porto-icon-opera</span><span class="i-code">0xe808</span></div> 242         <div class="span3" title="Code: 0xe808">
314         <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon porto-icon-ie">&#xe809;</i> <span class="i-name">porto-icon-ie</span><span class="i-code">0xe809</span></div> 243           <
i class="demo-icon porto-icon-firefox">&#xe808;</i> <span class="i-name">porto-icon-firefox</span><span class="i-code">0xe808</span>
315         <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon porto-icon-money">&#xe80a;</i> <span class="i-name">porto-icon-money</span><span class="i-code">0xe80a</span></div> 244         </div>
316         <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon porto-icon-shipping">&#xe80b;</i> <span class="i-name">porto-icon-shipping</span><span class="i-code">0xe80b</span></div> 245         <div class="span3" title="Code: 0xe809">
    246           <
i class="demo-icon porto-icon-chrome">&#xe809;</i> <span class="i-name">porto-icon-chrome</span><span class="i-code">0xe809</span>
    247         </div>
    248         <div class="span3" title="Code: 0xe80a">
    249           <
i class="demo-icon porto-icon-opera">&#xe80a;</i> <span class="i-name">porto-icon-opera</span><span class="i-code">0xe80a</span>
    250         </div>
    251         <div class="span3" title="Code: 0xe80b">
    252           <
i class="demo-icon porto-icon-ie">&#xe80b;</i> <span class="i-name">porto-icon-ie</span><span class="i-code">0xe80b</span>
    253         </div>
317       </div> 254       </div>
318       <div class="row"> 255       <div class="row">
319         <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon porto-icon-support">&#xe80c;</i> <span class="i-name">porto-icon-support</span><span class="i-code">0xe80c</span></div> 256         <div class="span3" title="Code: 0xe80c">
320         <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon porto-icon-wishlist">&#xe811;</i> <span class="i-name">porto-icon-wishlist</span><span class="i-code">0xe811</span></div> 257           <
i class="demo-icon porto-icon-money">&#xe80c;</i> <span class="i-name">porto-icon-money</span><span class="i-code">0xe80c</span>
321         <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon porto-icon-angle-left">&#xe819;</i> <span class="i-name">porto-icon-angle-left</span><span class="i-code">0xe819</span></div> 258         </div>
322         <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon porto-icon-angle-right">&#xe81a;</i> <span class="i-name">porto-icon-angle-right</span><span class="i-code">0xe81a</span></div> 259         <div class="span3" title="Code: 0xe80d">
    260           <
i class="demo-icon porto-icon-cart-thick">&#xe80d;</i> <span class="i-name">porto-icon-cart-thick</span><span class="i-code">0xe80d</span>
    261         </div>
    262         <div class="span3" title="Code: 0xe80e">
    263           <
i class="demo-icon porto-icon-shipping">&#xe80e;</i> <span class="i-name">porto-icon-shipping</span><span class="i-code">0xe80e</span>
    264         </div>
    265         <div class="span3" title="Code: 0xe80f">
    266           <
i class="demo-icon porto-icon-support">&#xe80f;</i> <span class="i-name">porto-icon-support</span><span class="i-code">0xe80f</span>
    267         </div>
323       </div> 268       </div>
324       <div class="row"> 269       <div class="row">
325         <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon porto-icon-angle-up">&#xe81b;</i> <span class="i-name">porto-icon-angle-up</span><span class="i-code">0xe81b</span></div> 270         <div class="span3" title="Code: 0xe810">
326         <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon porto-icon-angle-down">&#xe81c;</i> <span class="i-name">porto-icon-angle-down</span><span class="i-code">0xe81c</span></div> 271           <
i class="demo-icon porto-icon-business-book">&#xe810;</i> <span class="i-name">porto-icon-business-book</span><span class="i-code">0xe810</span>
327         <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon porto-icon-down-1">&#xe81d;</i> <span class="i-name">porto-icon-down-1</span><span class="i-code">0xe81d</span></div> 272         </div>
328         <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon porto-icon-left-1">&#xe81e;</i> <span class="i-name">porto-icon-left-1</span><span class="i-code">0xe81e</span></div> 273         <div class="span3" title="Code: 0xe811">
    274           <
i class="demo-icon porto-icon-percent-shape">&#xe811;</i> <span class="i-name">porto-icon-percent-shape</span><span class="i-code">0xe811</span>
    275         </div>
    276         <div class="span3" title="Code: 0xe812">
    277           <
i class="demo-icon porto-icon-sale-label">&#xe812;</i> <span class="i-name">porto-icon-sale-label</span><span class="i-code">0xe812</span>
    278         </div>
    279         <div class="span3" title="Code: 0xe813">
    280           <
i class="demo-icon porto-icon-wishlist">&#xe813;</i> <span class="i-name">porto-icon-wishlist</span><span class="i-code">0xe813</span>
    281         </div>
329       </div> 282       </div>
330       <div class="row"> 283       <div class="row">
331         <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon porto-icon-right-1">&#xe81f;</i> <span class="i-name">porto-icon-right-1</span><span class="i-code">0xe81f</span></div> 284         <div class="span3" title="Code: 0xe814">
332         <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon porto-icon-up-1">&#xe820;</i> <span class="i-name">porto-icon-up-1</span><span class="i-code">0xe820</span></div> 285           <
i class="demo-icon porto-icon-sale-discount">&#xe814;</i> <span class="i-name">porto-icon-sale-discount</span><span class="i-code">0xe814</span>
333         <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon porto-icon-angle-double-left">&#xe821;</i> <span class="i-name">porto-icon-angle-double-left</span><span class="i-code">0xe821</span></div> 286         </div>
334         <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon porto-icon-angle-double-right">&#xe822;</i> <span class="i-name">porto-icon-angle-double-right</span><span class="i-code">0xe822</span></div> 287         <div class="span3" title="Code: 0xe815">
    288           <
i class="demo-icon porto-icon-phone-call">&#xe815;</i> <span class="i-name">porto-icon-phone-call</span><span class="i-code">0xe815</span>
    289         </div>
    290         <div class="span3" title="Code: 0xe816">
    291           <
i class="demo-icon porto-icon-help-circle">&#xe816;</i> <span class="i-name">porto-icon-help-circle</span><span class="i-code">0xe816</span>
    292         </div>
    293         <div class="span3" title="Code: 0xe817">
    294           <
i class="demo-icon porto-icon-shipping-truck">&#xe817;</i> <span class="i-name">porto-icon-shipping-truck</span><span class="i-code">0xe817</span>
    295         </div>
335       </div> 296       </div>
336       <div class="row"> 297       <div class="row">
337         <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon porto-icon-angle-double-up">&#xe823;</i> <span class="i-name">porto-icon-angle-double-up</span><span class="i-code">0xe823</span></div> 298         <div class="span3" title="Code: 0xe818">
338         <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon porto-icon-angle-double-down">&#xe824;</i> <span class="i-name">porto-icon-angle-double-down</span><span class="i-code">0xe824</span></div> 299           <
i class="demo-icon porto-icon-map-location">&#xe818;</i> <span class="i-name">porto-icon-map-location</span><span class="i-code">0xe818</span>
339         <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon porto-icon-skype-1">&#xe827;</i> <span class="i-name">porto-icon-skype-1</span><span class="i-code">0xe827</span></div> 300         </div>
340         <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon porto-icon-mail-alt-1">&#xe82e;</i> <span class="i-name">porto-icon-mail-alt-1</span><span class="i-code">0xe82e</span></div> 301         <div class="span3" title="Code: 0xe819">
    302           <
i class="demo-icon porto-icon-angle-left">&#xe819;</i> <span class="i-name">porto-icon-angle-left</span><span class="i-code">0xe819</span>
    303         </div>
    304         <div class="span3" title="Code: 0xe81a">
    305           <
i class="demo-icon porto-icon-angle-right">&#xe81a;</i> <span class="i-name">porto-icon-angle-right</span><span class="i-code">0xe81a</span>
    306         </div>
    307         <div class="span3" title="Code: 0xe81b">
    308           <
i class="demo-icon porto-icon-angle-up">&#xe81b;</i> <span class="i-name">porto-icon-angle-up</span><span class="i-code">0xe81b</span>
    309         </div>
341       </div> 310       </div>
342       <div class="row"> 311       <div class="row">
343         <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon porto-icon-fax">&#xe82f;</i> <span class="i-name">porto-icon-fax</span><span class="i-code">0xe82f</span></div> 312         <div class="span3" title="Code: 0xe81c">
344         <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon porto-icon-lock">&#xe830;</i> <span class="i-name">porto-icon-lock</span><span class="i-code">0xe830</span></div> 313           <
i class="demo-icon porto-icon-angle-down">&#xe81c;</i> <span class="i-name">porto-icon-angle-down</span><span class="i-code">0xe81c</span>
345         <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon porto-icon-company">&#xe831;</i> <span class="i-name">porto-icon-company</span><span class="i-code">0xe831</span></div> 314         </div>
346         <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon porto-icon-city">&#xe832;</i> <span class="i-name">porto-icon-city</span><span class="i-code">0xe832</span></div> 315         <div class="span3" title="Code: 0xe81d">
    316           <
i class="demo-icon porto-icon-down-1">&#xe81d;</i> <span class="i-name">porto-icon-down-1</span><span class="i-code">0xe81d</span>
    317         </div>
    318         <div class="span3" title="Code: 0xe81e">
    319           <
i class="demo-icon porto-icon-left-1">&#xe81e;</i> <span class="i-name">porto-icon-left-1</span><span class="i-code">0xe81e</span>
    320         </div>
    321         <div class="span3" title="Code: 0xe81f">
    322           <
i class="demo-icon porto-icon-right-1">&#xe81f;</i> <span class="i-name">porto-icon-right-1</span><span class="i-code">0xe81f</span>
    323         </div>
347       </div> 324       </div>
348       <div class="row"> 325       <div class="row">
349         <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon porto-icon-post">&#xe833;</i> <span class="i-name">porto-icon-post</span><span class="i-code">0xe833</span></div> 326         <div class="span3" title="Code: 0xe820">
350         <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon porto-icon-country">&#xe834;</i> <span class="i-name">porto-icon-country</span><span class="i-code">0xe834</span></div> 327           <
i class="demo-icon porto-icon-up-1">&#xe820;</i> <span class="i-name">porto-icon-up-1</span><span class="i-code">0xe820</span>
351         <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon porto-icon-mobile-1">&#xe837;</i> <span class="i-name">porto-icon-mobile-1</span><span class="i-code">0xe837</span></div> 328         </div>
352         <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon porto-icon-forward">&#xe83d;</i> <span class="i-name">porto-icon-forward</span><span class="i-code">0xe83d</span></div> 329         <div class="span3" title="Code: 0xe821">
    330           <
i class="demo-icon porto-icon-angle-double-left">&#xe821;</i> <span class="i-name">porto-icon-angle-double-left</span><span class="i-code">0xe821</span>
    331         </div>
    332         <div class="span3" title="Code: 0xe822">
    333           <
i class="demo-icon porto-icon-angle-double-right">&#xe822;</i> <span class="i-name">porto-icon-angle-double-right</span><span class="i-code">0xe822</span>
    334         </div>
    335         <div class="span3" title="Code: 0xe823">
    336           <
i class="demo-icon porto-icon-angle-double-up">&#xe823;</i> <span class="i-name">porto-icon-angle-double-up</span><span class="i-code">0xe823</span>
    337         </div>
353       </div> 338       </div>
354       <div class="row"> 339       <div class="row">
355         <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon porto-icon-cog">&#xe83f;</i> <span class="i-name">porto-icon-cog</span><span class="i-code">0xe83f</span></div> 340         <div class="span3" title="Code: 0xe824">
356         <div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon porto-icon-cog-alt">&#xe840;</i> <span class="i-name">porto-icon-cog-alt</span><span class="i-code">0xe840</span></div> 341           <
i class="demo-icon porto-icon-angle-double-down">&#xe824;</i> <span class="i-name">porto-icon-angle-double-down</span><span class="i-code">0xe824</span>
357         <div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon porto-icon-wrench">&#xe841;</i> <span class="i-name">porto-icon-wrench</span><span class="i-code">0xe841</span></div> 342         </div>
358         <div class="the-icons span3" title="Code: 0xe842"><i class="demo-icon porto-icon-quote-left">&#xe842;</i> <span class="i-name">porto-icon-quote-left</span><span class="i-code">0xe842</span></div> 343         <div class="span3" title="Code: 0xe827">
    344           <
i class="demo-icon porto-icon-skype-1">&#xe827;</i> <span class="i-name">porto-icon-skype-1</span><span class="i-code">0xe827</span>
    345         </div>
    346         <div class="span3" title="Code: 0xe82e">
    347           <
i class="demo-icon porto-icon-mail-alt-1">&#xe82e;</i> <span class="i-name">porto-icon-mail-alt-1</span><span class="i-code">0xe82e</span>
    348         </div>
    349         <div class="span3" title="Code: 0xe82f">
    350           <
i class="demo-icon porto-icon-fax">&#xe82f;</i> <span class="i-name">porto-icon-fax</span><span class="i-code">0xe82f</span>
    351         </div>
359       </div> 352       </div>
360       <div class="row"> 353       <div class="row">
361         <div class="the-icons span3" title="Code: 0xe843"><i class="demo-icon porto-icon-quote-right">&#xe843;</i> <span class="i-name">porto-icon-quote-right</span><span class="i-code">0xe843</span></div> 354         <div class="span3" title="Code: 0xe830">
362         <div class="the-icons span3" title="Code: 0xe844"><i class="demo-icon porto-icon-gift-1">&#xe844;</i> <span class="i-name">porto-icon-gift-1</span><span class="i-code">0xe844</span></div> 355           <
i class="demo-icon porto-icon-lock">&#xe830;</i> <span class="i-name">porto-icon-lock</span><span class="i-code">0xe830</span>
363         <div class="the-icons span3" title="Code: 0xe846"><i class="demo-icon porto-icon-euro">&#xe846;</i> <span class="i-name">porto-icon-euro</span><span class="i-code">0xe846</span></div> 356         </div>
364         <div class="the-icons span3" title="Code: 0xe847"><i class="demo-icon porto-icon-pound">&#xe847;</i> <span class="i-name">porto-icon-pound</span><span class="i-code">0xe847</span></div> 357         <div class="span3" title="Code: 0xe831">
    358           <
i class="demo-icon porto-icon-company">&#xe831;</i> <span class="i-name">porto-icon-company</span><span class="i-code">0xe831</span>
    359         </div>
    360         <div class="span3" title="Code: 0xe832">
    361           <
i class="demo-icon porto-icon-city">&#xe832;</i> <span class="i-name">porto-icon-city</span><span class="i-code">0xe832</span>
    362         </div>
    363         <div class="span3" title="Code: 0xe833">
    364           <
i class="demo-icon porto-icon-post">&#xe833;</i> <span class="i-name">porto-icon-post</span><span class="i-code">0xe833</span>
    365         </div>
365       </div> 366       </div>
366       <div class="row"> 367       <div class="row">
367         <div class="the-icons span3" title="Code: 0xe848"><i class="demo-icon porto-icon-rupee">&#xe848;</i> <span class="i-name">porto-icon-rupee</span><span class="i-code">0xe848</span></div> 368         <div class="span3" title="Code: 0xe834">
368         <div class="the-icons span3" title="Code: 0xe849"><i class="demo-icon porto-icon-yen">&#xe849;</i> <span class="i-name">porto-icon-yen</span><span class="i-code">0xe849</span></div> 369           <
i class="demo-icon porto-icon-country">&#xe834;</i> <span class="i-name">porto-icon-country</span><span class="i-code">0xe834</span>
369         <div class="the-icons span3" title="Code: 0xe84a"><i class="demo-icon porto-icon-rouble">&#xe84a;</i> <span class="i-name">porto-icon-rouble</span><span class="i-code">0xe84a</span></div> 370         </div>
370         <div class="the-icons span3" title="Code: 0xe84b"><i class="demo-icon porto-icon-try">&#xe84b;</i> <span class="i-name">porto-icon-try</span><span class="i-code">0xe84b</span></div> 371         <div class="span3" title="Code: 0xe837">
    372           <
i class="demo-icon porto-icon-mobile-1">&#xe837;</i> <span class="i-name">porto-icon-mobile-1</span><span class="i-code">0xe837</span>
    373         </div>
    374         <div class="span3" title="Code: 0xe83d">
    375           <
i class="demo-icon porto-icon-forward">&#xe83d;</i> <span class="i-name">porto-icon-forward</span><span class="i-code">0xe83d</span>
    376         </div>
    377         <div class="span3" title="Code: 0xe83f">
    378           <
i class="demo-icon porto-icon-cog">&#xe83f;</i> <span class="i-name">porto-icon-cog</span><span class="i-code">0xe83f</span>
    379         </div>
371       </div> 380       </div>
372       <div class="row"> 381       <div class="row">
373         <div class="the-icons span3" title="Code: 0xe84c"><i class="demo-icon porto-icon-won">&#xe84c;</i> <span class="i-name">porto-icon-won</span><span class="i-code">0xe84c</span></div> 382         <div class="span3" title="Code: 0xe840">
374         <div class="the-icons span3" title="Code: 0xe84d"><i class="demo-icon porto-icon-bitcoin">&#xe84d;</i> <span class="i-name">porto-icon-bitcoin</span><span class="i-code">0xe84d</span></div> 383           <
i class="demo-icon porto-icon-cog-alt">&#xe840;</i> <span class="i-name">porto-icon-cog-alt</span><span class="i-code">0xe840</span>
375         <div class="the-icons span3" title="Code: 0xe84e"><i class="demo-icon porto-icon-ok-1">&#xe84e;</i> <span class="i-name">porto-icon-ok-1</span><span class="i-code">0xe84e</span></div> 384         </div>
376         <div class="the-icons span3" title="Code: 0xe85b"><i class="demo-icon porto-icon-users">&#xe85b;</i> <span class="i-name">porto-icon-users</span><span class="i-code">0xe85b</span></div> 385         <div class="span3" title="Code: 0xe841">
    386           <
i class="demo-icon porto-icon-wrench">&#xe841;</i> <span class="i-name">porto-icon-wrench</span><span class="i-code">0xe841</span>
    387         </div>
    388         <div class="span3" title="Code: 0xe842">
    389           <
i class="demo-icon porto-icon-quote-left">&#xe842;</i> <span class="i-name">porto-icon-quote-left</span><span class="i-code">0xe842</span>
    390         </div>
    391         <div class="span3" title="Code: 0xe843">
    392           <
i class="demo-icon porto-icon-quote-right">&#xe843;</i> <span class="i-name">porto-icon-quote-right</span><span class="i-code">0xe843</span>
    393         </div>
377       </div> 394       </div>
378       <div class="row"> 395       <div class="row">
379         <div class="the-icons span3" title="Code: 0xe85c"><i class="demo-icon porto-icon-video">&#xe85c;</i> <span class="i-name">porto-icon-video</span><span class="i-code">0xe85c</span></div> 396         <div class="span3" title="Code: 0xe844">
380         <div class="the-icons span3" title="Code: 0xe85e"><i class="demo-icon porto-icon-desktop">&#xe85e;</i> <span class="i-name">porto-icon-desktop</span><span class="i-code">0xe85e</span></div> 397           <
i class="demo-icon porto-icon-gift-1">&#xe844;</i> <span class="i-name">porto-icon-gift-1</span><span class="i-code">0xe844</span>
381         <div class="the-icons span3" title="Code: 0xe85f"><i class="demo-icon porto-icon-doc-inv">&#xe85f;</i> <span class="i-name">porto-icon-doc-inv</span><span class="i-code">0xe85f</span></div> 398         </div>
382         <div class="the-icons span3" title="Code: 0xe860"><i class="demo-icon porto-icon-circle">&#xe860;</i> <span class="i-name">porto-icon-circle</span><span class="i-code">0xe860</span></div> 399         <div class="span3" title="Code: 0xe846">
    400           <
i class="demo-icon porto-icon-euro">&#xe846;</i> <span class="i-name">porto-icon-euro</span><span class="i-code">0xe846</span>
    401         </div>
    402         <div class="span3" title="Code: 0xe847">
    403           <
i class="demo-icon porto-icon-pound">&#xe847;</i> <span class="i-name">porto-icon-pound</span><span class="i-code">0xe847</span>
    404         </div>
    405         <div class="span3" title="Code: 0xe848">
    406           <
i class="demo-icon porto-icon-rupee">&#xe848;</i> <span class="i-name">porto-icon-rupee</span><span class="i-code">0xe848</span>
    407         </div>
383       </div> 408       </div>
384       <div class="row"> 409       <div class="row">
385         <div class="the-icons span3" title="Code: 0xe862"><i class="demo-icon porto-icon-circle-thin">&#xe862;</i> <span class="i-name">porto-icon-circle-thin</span><span class="i-code">0xe862</span></div> 410         <div class="span3" title="Code: 0xe849">
386         <div class="the-icons span3" title="Code: 0xe864"><i class="demo-icon porto-icon-paper-plane-1">&#xe864;</i> <span class="i-name">porto-icon-paper-plane-1</span><span class="i-code">0xe864</span></div> 411           <
i class="demo-icon porto-icon-yen">&#xe849;</i> <span class="i-name">porto-icon-yen</span><span class="i-code">0xe849</span>
387         <div class="the-icons span3" title="Code: 0xe865"><i class="demo-icon porto-icon-attention-alt">&#xe865;</i> <span class="i-name">porto-icon-attention-alt</span><span class="i-code">0xe865</span></div> 412         </div>
388         <div class="the-icons span3" title="Code: 0xe867"><i class="demo-icon porto-icon-compare-link">&#xe867;</i> <span class="i-name">porto-icon-compare-link</span><span class="i-code">0xe867</span></div> 413         <div class="span3" title="Code: 0xe84a">
    414           <
i class="demo-icon porto-icon-rouble">&#xe84a;</i> <span class="i-name">porto-icon-rouble</span><span class="i-code">0xe84a</span>
    415         </div>
    416         <div class="span3" title="Code: 0xe84b">
    417           <
i class="demo-icon porto-icon-try">&#xe84b;</i> <span class="i-name">porto-icon-try</span><span class="i-code">0xe84b</span>
    418         </div>
    419         <div class="span3" title="Code: 0xe84c">
    420           <
i class="demo-icon porto-icon-won">&#xe84c;</i> <span class="i-name">porto-icon-won</span><span class="i-code">0xe84c</span>
    421         </div>
389       </div> 422       </div>
390       <div class="row"> 423       <div class="row">
391         <div class="the-icons span3" title="Code: 0xe868"><i class="demo-icon porto-icon-cat-default">&#xe868;</i> <span class="i-name">porto-icon-cat-default</span><span class="i-code">0xe868</span></div> 424         <div class="span3" title="Code: 0xe84d">
392         <div class="the-icons span3" title="Code: 0xe870"><i class="demo-icon porto-icon-tag-line">&#xe870;</i> <span class="i-name">porto-icon-tag-line</span><span class="i-code">0xe870</span></div> 425           <
i class="demo-icon porto-icon-bitcoin">&#xe84d;</i> <span class="i-name">porto-icon-bitcoin</span><span class="i-code">0xe84d</span>
393         <div class="the-icons span3" title="Code: 0xe871"><i class="demo-icon porto-icon-bag">&#xe871;</i> <span class="i-name">porto-icon-bag</span><span class="i-code">0xe871</span></div> 426         </div>
394         <div class="the-icons span3" title="Code: 0xe872"><i class="demo-icon porto-icon-search-1">&#xe872;</i> <span class="i-name">porto-icon-search-1</span><span class="i-code">0xe872</span></div> 427         <div class="span3" title="Code: 0xe84e">
    428           <
i class="demo-icon porto-icon-ok-1">&#xe84e;</i> <span class="i-name">porto-icon-ok-1</span><span class="i-code">0xe84e</span>
    429         </div>
    430         <div class="span3" title="Code: 0xe85b">
    431           <
i class="demo-icon porto-icon-users">&#xe85b;</i> <span class="i-name">porto-icon-users</span><span class="i-code">0xe85b</span>
    432         </div>
    433         <div class="span3" title="Code: 0xe85c">
    434           <
i class="demo-icon porto-icon-video">&#xe85c;</i> <span class="i-name">porto-icon-video</span><span class="i-code">0xe85c</span>
    435         </div>
395       </div> 436       </div>
396       <div class="row"> 437       <div class="row">
397         <div class="the-icons span3" title="Code: 0xe877"><i class="demo-icon porto-icon-online-support">&#xe877;</i> <span class="i-name">porto-icon-online-support</span><span class="i-code">0xe877</span></div> 438         <div class="span3" title="Code: 0xe85e">
398         <div class="the-icons span3" title="Code: 0xe878"><i class="demo-icon porto-icon-shopping-bag">&#xe878;</i> <span class="i-name">porto-icon-shopping-bag</span><span class="i-code">0xe878</span></div> 439           <
i class="demo-icon porto-icon-desktop">&#xe85e;</i> <span class="i-name">porto-icon-desktop</span><span class="i-code">0xe85e</span>
399         <div class="the-icons span3" title="Code: 0xe879"><i class="demo-icon porto-icon-us-dollar">&#xe879;</i> <span class="i-name">porto-icon-us-dollar</span><span class="i-code">0xe879</span></div> 440         </div>
400         <div class="the-icons span3" title="Code: 0xe87a"><i class="demo-icon porto-icon-shipped">&#xe87a;</i> <span class="i-name">porto-icon-shipped</span><span class="i-code">0xe87a</span></div> 441         <div class="span3" title="Code: 0xe85f">
    442           <
i class="demo-icon porto-icon-doc-inv">&#xe85f;</i> <span class="i-name">porto-icon-doc-inv</span><span class="i-code">0xe85f</span>
    443         </div>
    444         <div class="span3" title="Code: 0xe860">
    445           <
i class="demo-icon porto-icon-circle">&#xe860;</i> <span class="i-name">porto-icon-circle</span><span class="i-code">0xe860</span>
    446         </div>
    447         <div class="span3" title="Code: 0xe862">
    448           <
i class="demo-icon porto-icon-circle-thin">&#xe862;</i> <span class="i-name">porto-icon-circle-thin</span><span class="i-code">0xe862</span>
    449         </div>
401       </div> 450       </div>
402       <div class="row"> 451       <div class="row">
403         <div class="the-icons span3" title="Code: 0xe87b"><i class="demo-icon porto-icon-list">&#xe87b;</i> <span class="i-name">porto-icon-list</span><span class="i-code">0xe87b</span></div> 452         <div class="span3" title="Code: 0xe864">
404         <div class="the-icons span3" title="Code: 0xe87f"><i class="demo-icon porto-icon-bag-2">&#xe87f;</i> <span class="i-name">porto-icon-bag-2</span><span class="i-code">0xe87f</span></div> 453           <
i class="demo-icon porto-icon-paper-plane-1">&#xe864;</i> <span class="i-name">porto-icon-paper-plane-1</span><span class="i-code">0xe864</span>
405         <div class="the-icons span3" title="Code: 0xe880"><i class="demo-icon porto-icon-grid">&#xe880;</i> <span class="i-name">porto-icon-grid</span><span class="i-code">0xe880</span></div> 454         </div>
406         <div class="the-icons span3" title="Code: 0xe881"><i class="demo-icon porto-icon-bag-3">&#xe881;</i> <span class="i-name">porto-icon-bag-3</span><span class="i-code">0xe881</span></div> 455         <div class="span3" title="Code: 0xe865">
    456           <
i class="demo-icon porto-icon-attention-alt">&#xe865;</i> <span class="i-name">porto-icon-attention-alt</span><span class="i-code">0xe865</span>
    457         </div>
    458         <div class="span3" title="Code: 0xe867">
    459           <
i class="demo-icon porto-icon-compare-link">&#xe867;</i> <span class="i-name">porto-icon-compare-link</span><span class="i-code">0xe867</span>
    460         </div>
    461         <div class="span3" title="Code: 0xe868">
    462           <
i class="demo-icon porto-icon-cat-default">&#xe868;</i> <span class="i-name">porto-icon-cat-default</span><span class="i-code">0xe868</span>
    463         </div>
407       </div> 464       </div>
408       <div class="row"> 465       <div class="row">
409         <div class="the-icons span3" title="Code: 0xe882"><i class="demo-icon porto-icon-direction">&#xe882;</i> <span class="i-name">porto-icon-direction</span><span class="i-code">0xe882</span></div> 466         <div class="span3" title="Code: 0xe870">
410         <div class="the-icons span3" title="Code: 0xe883"><i class="demo-icon porto-icon-home">&#xe883;</i> <span class="i-name">porto-icon-home</span><span class="i-code">0xe883</span></div> 467           <
i class="demo-icon porto-icon-tag-line">&#xe870;</i> <span class="i-name">porto-icon-tag-line</span><span class="i-code">0xe870</span>
411         <div class="the-icons span3" title="Code: 0xe884"><i class="demo-icon porto-icon-magnifier">&#xe884;</i> <span class="i-name">porto-icon-magnifier</span><span class="i-code">0xe884</span></div> 468         </div>
412         <div class="the-icons span3" title="Code: 0xe885"><i class="demo-icon porto-icon-magnifier-add">&#xe885;</i> <span class="i-name">porto-icon-magnifier-add</span><span class="i-code">0xe885</span></div> 469         <div class="span3" title="Code: 0xe871">
    470           <
i class="demo-icon porto-icon-bag">&#xe871;</i> <span class="i-name">porto-icon-bag</span><span class="i-code">0xe871</span>
    471         </div>
    472         <div class="span3" title="Code: 0xe872">
    473           <
i class="demo-icon porto-icon-search-1">&#xe872;</i> <span class="i-name">porto-icon-search-1</span><span class="i-code">0xe872</span>
    474         </div>
    475         <div class="span3" title="Code: 0xe877">
    476           <
i class="demo-icon porto-icon-online-support">&#xe877;</i> <span class="i-name">porto-icon-online-support</span><span class="i-code">0xe877</span>
    477         </div>
413       </div> 478       </div>
414       <div class="row"> 479       <div class="row">
415         <div class="the-icons span3" title="Code: 0xe886"><i class="demo-icon porto-icon-magnifier-remove">&#xe886;</i> <span class="i-name">porto-icon-magnifier-remove</span><span class="i-code">0xe886</span></div> 480         <div class="span3" title="Code: 0xe878">
416         <div class="the-icons span3" title="Code: 0xe887"><i class="demo-icon porto-icon-phone-1">&#xe887;</i> <span class="i-name">porto-icon-phone-1</span><span class="i-code">0xe887</span></div> 481           <
i class="demo-icon porto-icon-shopping-bag">&#xe878;</i> <span class="i-name">porto-icon-shopping-bag</span><span class="i-code">0xe878</span>
417         <div class="the-icons span3" title="Code: 0xe888"><i class="demo-icon porto-icon-clock-1">&#xe888;</i> <span class="i-name">porto-icon-clock-1</span><span class="i-code">0xe888</span></div> 482         </div>
418         <div class="the-icons span3" title="Code: 0xe889"><i class="demo-icon porto-icon-heart-1">&#xe889;</i> <span class="i-name">porto-icon-heart-1</span><span class="i-code">0xe889</span></div> 483         <div class="span3" title="Code: 0xe879">
    484           <
i class="demo-icon porto-icon-us-dollar">&#xe879;</i> <span class="i-name">porto-icon-us-dollar</span><span class="i-code">0xe879</span>
    485         </div>
    486         <div class="span3" title="Code: 0xe87a">
    487           <
i class="demo-icon porto-icon-shipped">&#xe87a;</i> <span class="i-name">porto-icon-shipped</span><span class="i-code">0xe87a</span>
    488         </div>
    489         <div class="span3" title="Code: 0xe87b">
    490           <
i class="demo-icon porto-icon-list">&#xe87b;</i> <span class="i-name">porto-icon-list</span><span class="i-code">0xe87b</span>
    491         </div>
419       </div> 492       </div>
420       <div class="row"> 493       <div class="row">
421         <div class="the-icons span3" title="Code: 0xe88b"><i class="demo-icon porto-icon-earphones-alt">&#xe88b;</i> <span class="i-name">porto-icon-earphones-alt</span><span class="i-code">0xe88b</span></div> 494         <div class="span3" title="Code: 0xe87f">
422         <div class="the-icons span3" title="Code: 0xe88c"><i class="demo-icon porto-icon-credit-card">&#xe88c;</i> <span class="i-name">porto-icon-credit-card</span><span class="i-code">0xe88c</span></div> 495           <
i class="demo-icon porto-icon-bag-2">&#xe87f;</i> <span class="i-name">porto-icon-bag-2</span><span class="i-code">0xe87f</span>
423         <div class="the-icons span3" title="Code: 0xe88d"><i class="demo-icon porto-icon-action-undo">&#xe88d;</i> <span class="i-name">porto-icon-action-undo</span><span class="i-code">0xe88d</span></div> 496         </div>
424         <div class="the-icons span3" title="Code: 0xe88e"><i class="demo-icon porto-icon-envolope">&#xe88e;</i> <span class="i-name">porto-icon-envolope</span><span class="i-code">0xe88e</span></div> 497         <div class="span3" title="Code: 0xe880">
    498           <
i class="demo-icon porto-icon-grid">&#xe880;</i> <span class="i-name">porto-icon-grid</span><span class="i-code">0xe880</span>
    499         </div>
    500         <div class="span3" title="Code: 0xe881">
    501           <
i class="demo-icon porto-icon-bag-3">&#xe881;</i> <span class="i-name">porto-icon-bag-3</span><span class="i-code">0xe881</span>
    502         </div>
    503         <div class="span3" title="Code: 0xe882">
    504           <
i class="demo-icon porto-icon-direction">&#xe882;</i> <span class="i-name">porto-icon-direction</span><span class="i-code">0xe882</span>
    505         </div>
425       </div> 506       </div>
426       <div class="row"> 507       <div class="row">
427         <div class="the-icons span3" title="Code: 0xe88f"><i class="demo-icon porto-icon-chart">&#xe88f;</i> <span class="i-name">porto-icon-chart</span><span class="i-code">0xe88f</span></div> 508         <div class="span3" title="Code: 0xe883">
428         <div class="the-icons span3" title="Code: 0xe8b9"><i class="demo-icon porto-icon-user-1">&#xe8b9;</i> <span class="i-name">porto-icon-user-1</span><span class="i-code">0xe8b9</span></div> 509           <
i class="demo-icon porto-icon-home">&#xe883;</i> <span class="i-name">porto-icon-home</span><span class="i-code">0xe883</span>
429         <div class="the-icons span3" title="Code: 0xe8ba"><i class="demo-icon porto-icon-shopping-cart">&#xe8ba;</i> <span class="i-name">porto-icon-shopping-cart</span><span class="i-code">0xe8ba</span></div> 510         </div>
430         <div class="the-icons span3" title="Code: 0xe8bb"><i class="demo-icon porto-icon-phone-2">&#xe8bb;</i> <span class="i-name">porto-icon-phone-2</span><span class="i-code">0xe8bb</span></div> 511         <div class="span3" title="Code: 0xe884">
    512           <
i class="demo-icon porto-icon-magnifier">&#xe884;</i> <span class="i-name">porto-icon-magnifier</span><span class="i-code">0xe884</span>
    513         </div>
    514         <div class="span3" title="Code: 0xe885">
    515           <
i class="demo-icon porto-icon-magnifier-add">&#xe885;</i> <span class="i-name">porto-icon-magnifier-add</span><span class="i-code">0xe885</span>
    516         </div>
    517         <div class="span3" title="Code: 0xe886">
    518           <
i class="demo-icon porto-icon-magnifier-remove">&#xe886;</i> <span class="i-name">porto-icon-magnifier-remove</span><span class="i-code">0xe886</span>
    519         </div>
431       </div> 520       </div>
432       <div class="row"> 521       <div class="row">
433         <div class="the-icons span3" title="Code: 0xe8c1"><i class="demo-icon porto-icon-check-circle">&#xe8c1;</i> <span class="i-name">porto-icon-check-circle</span><span class="i-code">0xe8c1</span></div> 522         <div class="span3" title="Code: 0xe887">
434         <div class="the-icons span3" title="Code: 0xe8c4"><i class="demo-icon porto-icon-arrow-right-solid">&#xe8c4;</i> <span class="i-name">porto-icon-arrow-right-solid</span><span class="i-code">0xe8c4</span></div> 523           <
i class="demo-icon porto-icon-phone-1">&#xe887;</i> <span class="i-name">porto-icon-phone-1</span><span class="i-code">0xe887</span>
435         <div class="the-icons span3" title="Code: 0xe8c5"><i class="demo-icon porto-icon-check-solid">&#xe8c5;</i> <span class="i-name">porto-icon-check-solid</span><span class="i-code">0xe8c5</span></div> 524         </div>
436         <div class="the-icons span3" title="Code: 0xe900"><i class="demo-icon porto-icon-category-home">&#xe900;</i> <span class="i-name">porto-icon-category-home</span><span class="i-code">0xe900</span></div> 525         <div class="span3" title="Code: 0xe888">
    526           <
i class="demo-icon porto-icon-clock-1">&#xe888;</i> <span class="i-name">porto-icon-clock-1</span><span class="i-code">0xe888</span>
    527         </div>
    528         <div class="span3" title="Code: 0xe889">
    529           <
i class="demo-icon porto-icon-heart-1">&#xe889;</i> <span class="i-name">porto-icon-heart-1</span><span class="i-code">0xe889</span>
    530         </div>
    531         <div class="span3" title="Code: 0xe88b">
    532           <
i class="demo-icon porto-icon-earphones-alt">&#xe88b;</i> <span class="i-name">porto-icon-earphones-alt</span><span class="i-code">0xe88b</span>
    533         </div>
437       </div> 534       </div>
438       <div class="row"> 535       <div class="row">
439         <div class="the-icons span3" title="Code: 0xe901"><i class="demo-icon porto-icon-category-motors">&#xe901;</i> <span class="i-name">porto-icon-category-motors</span><span class="i-code">0xe901</span></div> 536         <div class="span3" title="Code: 0xe88c">
440         <div class="the-icons span3" title="Code: 0xe902"><i class="demo-icon porto-icon-category-music">&#xe902;</i> <span class="i-name">porto-icon-category-music</span><span class="i-code">0xe902</span></div> 537           <
i class="demo-icon porto-icon-credit-card">&#xe88c;</i> <span class="i-name">porto-icon-credit-card</span><span class="i-code">0xe88c</span>
441         <div class="the-icons span3" title="Code: 0xe903"><i class="demo-icon porto-icon-category-gifts">&#xe903;</i> <span class="i-name">porto-icon-category-gifts</span><span class="i-code">0xe903</span></div> 538         </div>
442         <div class="the-icons span3" title="Code: 0xe904"><i class="demo-icon porto-icon-category-electronics">&#xe904;</i> <span class="i-name">porto-icon-category-electronics</span><span class="i-code">0xe904</span></div> 539         <div class="span3" title="Code: 0xe88d">
    540           <
i class="demo-icon porto-icon-action-undo">&#xe88d;</i> <span class="i-name">porto-icon-action-undo</span><span class="i-code">0xe88d</span>
    541         </div>
    542         <div class="span3" title="Code: 0xe88e">
    543           <
i class="demo-icon porto-icon-envolope">&#xe88e;</i> <span class="i-name">porto-icon-envolope</span><span class="i-code">0xe88e</span>
    544         </div>
    545         <div class="span3" title="Code: 0xe88f">
    546           <
i class="demo-icon porto-icon-chart">&#xe88f;</i> <span class="i-name">porto-icon-chart</span><span class="i-code">0xe88f</span>
    547         </div>
443       </div> 548       </div>
444       <div class="row"> 549       <div class="row">
445         <div class="the-icons span3" title="Code: 0xe905"><i class="demo-icon porto-icon-category-fashion">&#xe905;</i> <span class="i-name">porto-icon-category-fashion</span><span class="i-code">0xe905</span></div> 550         <div class="span3" title="Code: 0xe897">
446         <div class="the-icons span3" title="Code: 0xe906"><i class="demo-icon porto-icon-category-hot-deals">&#xe906;</i> <span class="i-name">porto-icon-category-hot-deals</span><span class="i-code">0xe906</span></div> 551           <
i class="demo-icon porto-icon-long-arrow-right">&#xe897;</i> <span class="i-name">porto-icon-long-arrow-right</span><span class="i-code">0xe897</span>
447         <div class="the-icons span3" title="Code: 0xe907"><i class="demo-icon porto-icon-tag-percent">&#xe907;</i> <span class="i-name">porto-icon-tag-percent</span><span class="i-code">0xe907</span></div> 552         </div>
448         <div class="the-icons span3" title="Code: 0xe908"><i class="demo-icon porto-icon-console">&#xe908;</i> <span class="i-name">porto-icon-console</span><span class="i-code">0xe908</span></div> 553         <div class="span3" title="Code: 0xe89e">
    554           <
i class="demo-icon porto-icon-long-arrow-alt">&#xe89e;</i> <span class="i-name">porto-icon-long-arrow-alt</span><span class="i-code">0xe89e</span>
    555         </div>
    556         <div class="span3" title="Code: 0xe8b9">
    557           <
i class="demo-icon porto-icon-user-1">&#xe8b9;</i> <span class="i-name">porto-icon-user-1</span><span class="i-code">0xe8b9</span>
    558         </div>
    559         <div class="span3" title="Code: 0xe8ba">
    560           <
i class="demo-icon porto-icon-shopping-cart">&#xe8ba;</i> <span class="i-name">porto-icon-shopping-cart</span><span class="i-code">0xe8ba</span>
    561         </div>
449       </div> 562       </div>
450       <div class="row"> 563       <div class="row">
451         <div class="the-icons span3" title="Code: 0xe909"><i class="demo-icon porto-icon-category-furniture">&#xe909;</i> <span class="i-name">porto-icon-category-furniture</span><span class="i-code">0xe909</span></div> 564         <div class="span3" title="Code: 0xe8bb">
452         <div class="the-icons span3" title="Code: 0xe90a"><i class="demo-icon porto-icon-category-garden">&#xe90a;</i> <span class="i-name">porto-icon-category-garden</span><span class="i-code">0xe90a</span></div> 565           <
i class="demo-icon porto-icon-phone-2">&#xe8bb;</i> <span class="i-name">porto-icon-phone-2</span><span class="i-code">0xe8bb</span>
453         <div class="the-icons span3" title="Code: 0xe90b"><i class="demo-icon porto-icon-category-lanterns-lighting">&#xe90b;</i> <span class="i-name">porto-icon-category-lanterns-lighting</span><span class="i-code">0xe90b</span></div> 566         </div>
454         <div class="the-icons span3" title="Code: 0xe90c"><i class="demo-icon porto-icon-category-mechanics">&#xe90c
;</i> <span class="i-name">porto-icon-category-mechanics</span><span class="i-code">0xe90c
</span></div>
 567         <div class="span3" title="Code: 0xe8c1">
    568           <
i class="demo-icon porto-icon-check-circle">&#xe8c1;</i> <span class="i-name">porto-icon-check-circle</span><span class="i-code">0xe8c1</span>
    569         </div>
    570         <div class="span3" title="Code: 0xe8c2">
    571           <
i class="demo-icon porto-icon-password-lock">&#xe8c2;</i> <span class="i-name">porto-icon-password-lock</span><span class="i-code">0xe8c2</span>
    572         </div>
    573         <div class="span3" title="Code: 0xe8c4">
    574           <
i class="demo-icon porto-icon-arrow-right-solid">&#xe8c4;</i> <span class="i-name">porto-icon-arrow-right-solid</span><span class="i-code">0xe8c4</span>
    575         </div>
455       </div> 576       </div>
456       <div class="row"> 577       <div class="row">
457         <div class="the-icons span3" title="Code: 0xe90d"><i class="demo-icon porto-icon-category-motorcycles">&#xe90d;</i> <span class="i-name">porto-icon-category-motorcycles</span><span class="i-code">0xe90d</span></div> 578         <div class="span3" title="Code: 0xe8c5">
458         <div class="the-icons span3" title="Code: 0xe90e"><i class="demo-icon porto-icon-category-sound-video">&#xe90e;</i> <span class="i-name">porto-icon-category-sound-video</span><span class="i-code">0xe90e</span></div> 579           <
i class="demo-icon porto-icon-check-solid">&#xe8c5;</i> <span class="i-name">porto-icon-check-solid</span><span class="i-code">0xe8c5</span>
459         <div class="the-icons span3" title="Code: 0xe90f"><i class="demo-icon porto-icon-category-steering">&#xe90f;</i> <span class="i-name">porto-icon-category-steering</span><span class="i-code">0xe90f</span></div> 580         </div>
460         <div class="the-icons span3" title="Code: 0xe910"><i class="demo-icon porto-icon-category-external-accessories">&#xe910;</i> <span class="i-name">porto-icon-category-external-accessories</span><span class="i-code">0xe910</span></div> 581         <div class="span3" title="Code: 0xe8cc">
    582           <
i class="demo-icon porto-icon-arrow-forward-right">&#xe8cc;</i> <span class="i-name">porto-icon-arrow-forward-right</span><span class="i-code">0xe8cc</span>
    583         </div>
    584         <div class="span3" title="Code: 0xe900">
    585           <
i class="demo-icon porto-icon-category-home">&#xe900;</i> <span class="i-name">porto-icon-category-home</span><span class="i-code">0xe900</span>
    586         </div>
    587         <div class="span3" title="Code: 0xe901">
    588           <
i class="demo-icon porto-icon-category-motors">&#xe901;</i> <span class="i-name">porto-icon-category-motors</span><span class="i-code">0xe901</span>
    589         </div>
461       </div> 590       </div>
462       <div class="row"> 591       <div class="row">
463         <div class="the-icons span3" title="Code: 0xe911"><i class="demo-icon porto-icon-category-fluids">&#xe911;</i> <span class="i-name">porto-icon-category-fluids</span><span class="i-code">0xe911</span></div> 592         <div class="span3" title="Code: 0xe902">
464         <div class="the-icons span3" title="Code: 0xe912"><i class="demo-icon porto-icon-category-internal-accessories">&#xe912;</i> <span class="i-name">porto-icon-category-internal-accessories</span><span class="i-code">0xe912</span></div> 593           <
i class="demo-icon porto-icon-category-music">&#xe902;</i> <span class="i-name">porto-icon-category-music</span><span class="i-code">0xe902</span>
465         <div class="the-icons span3" title="Code: 0xe913"><i class="demo-icon porto-icon-category-chains">&#xe913;</i> <span class="i-name">porto-icon-category-chains</span><span class="i-code">0xe913</span></div> 594         </div>
466         <div class="the-icons span3" title="Code: 0xe914"><i class="demo-icon porto-icon-category-frames">&#xe914;</i> <span class="i-name">porto-icon-category-frames</span><span class="i-code">0xe914</span></div> 595         <div class="span3" title="Code: 0xe903">
    596           <
i class="demo-icon porto-icon-category-gifts">&#xe903;</i> <span class="i-name">porto-icon-category-gifts</span><span class="i-code">0xe903</span>
    597         </div>
    598         <div class="span3" title="Code: 0xe904">
    599           <
i class="demo-icon porto-icon-category-electronics">&#xe904;</i> <span class="i-name">porto-icon-category-electronics</span><span class="i-code">0xe904</span>
    600         </div>
    601         <div class="span3" title="Code: 0xe905">
    602           <
i class="demo-icon porto-icon-category-fashion">&#xe905;</i> <span class="i-name">porto-icon-category-fashion</span><span class="i-code">0xe905</span>
    603         </div>
467       </div> 604       </div>
468       <div class="row"> 605       <div class="row">
469         <div class="the-icons span3" title="Code: 0xe915"><i class="demo-icon porto-icon-category-pedals">&#xe915;</i> <span class="i-name">porto-icon-category-pedals</span><span class="i-code">0xe915</span></div> 606         <div class="span3" title="Code: 0xe906">
470         <div class="the-icons span3" title="Code: 0xe916"><i class="demo-icon porto-icon-category-saddle">&#xe916;</i> <span class="i-name">porto-icon-category-saddle</span><span class="i-code">0xe916</span></div> 607           <
i class="demo-icon porto-icon-category-hot-deals">&#xe906;</i> <span class="i-name">porto-icon-category-hot-deals</span><span class="i-code">0xe906</span>
471         <div class="the-icons span3" title="Code: 0xe917"><i class="demo-icon porto-icon-category-tools">&#xe917;</i> <span class="i-name">porto-icon-category-tools</span><span class="i-code">0xe917</span></div> 608         </div>
472         <div class="the-icons span3" title="Code: 0xe918"><i class="demo-icon porto-icon-search-4">&#xe918;</i> <span class="i-name">porto-icon-search-4</span><span class="i-code">0xe918</span></div> 609         <div class="span3" title="Code: 0xe907">
    610           <
i class="demo-icon porto-icon-tag-percent">&#xe907;</i> <span class="i-name">porto-icon-tag-percent</span><span class="i-code">0xe907</span>
    611         </div>
    612         <div class="span3" title="Code: 0xe908">
    613           <
i class="demo-icon porto-icon-console">&#xe908;</i> <span class="i-name">porto-icon-console</span><span class="i-code">0xe908</span>
    614         </div>
    615         <div class="span3" title="Code: 0xe909">
    616           <
i class="demo-icon porto-icon-category-furniture">&#xe909;</i> <span class="i-name">porto-icon-category-furniture</span><span class="i-code">0xe909</span>
    617         </div>
473       </div> 618       </div>
474       <div class="row"> 619       <div class="row">
475         <div class="the-icons span3" title="Code: 0xe919"><i class="demo-icon porto-icon-secure-payment">&#xe919;</i> <span class="i-name">porto-icon-secure-payment</span><span class="i-code">0xe919</span></div> 620         <div class="span3" title="Code: 0xe90a">
476         <div class="the-icons span3" title="Code: 0xe91a"><i class="demo-icon porto-icon-user-2">&#xe91a;</i> <span class="i-name">porto-icon-user-2</span><span class="i-code">0xe91a</span></div> 621           <
i class="demo-icon porto-icon-category-garden">&#xe90a;</i> <span class="i-name">porto-icon-category-garden</span><span class="i-code">0xe90a</span>
477         <div class="the-icons span3" title="Code: 0xe91b"><i class="demo-icon porto-icon-wishlist-2">&#xe91b;</i> <span class="i-name">porto-icon-wishlist-2</span><span class="i-code">0xe91b</span></div> 622         </div>
478         <div class="the-icons span3" title="Code: 0xe91c"><i class="demo-icon porto-icon-gift2">&#xe91c;</i> <span class="i-name">porto-icon-gift2</span><span class="i-code">0xe91c</span></div> 623         <div class="span3" title="Code: 0xe90b">
    624           <
i class="demo-icon porto-icon-category-lanterns-lighting">&#xe90b;</i> <span class="i-name">porto-icon-category-lanterns-lighting</span><span class="i-code">0xe90b</span>
    625         </div>
    626         <div class="span3" title="Code: 0xe90c">
    627           <
i class="demo-icon porto-icon-category-mechanics">&#xe90c;</i> <span class="i-name">porto-icon-category-mechanics</span><span class="i-code">0xe90c</span>
    628         </div>
    629         <div class="span3" title="Code: 0xe90d">
    630           <
i class="demo-icon porto-icon-category-motorcycles">&#xe90d;</i> <span class="i-name">porto-icon-category-motorcycles</span><span class="i-code">0xe90d</span>
    631         </div>
479       </div> 632       </div>
480       <div class="row"> 633       <div class="row">
481         <div class="the-icons span3" title="Code: 0xe91d"><i class="demo-icon porto-icon-edit">&#xe91d;</i> <span class="i-name">porto-icon-edit</span><span class="i-code">0xe91d</span></div> 634         <div class="span3" title="Code: 0xe90e">
482         <div class="the-icons span3" title="Code: 0xe91e"><i class="demo-icon porto-icon-chef">&#xe91e;</i> <span class="i-name">porto-icon-chef</span><span class="i-code">0xe91e</span></div> 635           <
i class="demo-icon porto-icon-category-sound-video">&#xe90e;</i> <span class="i-name">porto-icon-category-sound-video</span><span class="i-code">0xe90e</span>
483         <div class="the-icons span3" title="Code: 0xe91f"><i class="demo-icon porto-icon-smiling-girl">&#xe91f;</i> <span class="i-name">porto-icon-smiling-girl</span><span class="i-code">0xe91f</span></div> 636         </div>
484         <div class="the-icons span3" title="Code: 0xe920"><i class="demo-icon porto-icon-tshirt">&#xe920;</i> <span class="i-name">porto-icon-tshirt</span><span class="i-code">0xe920</span></div> 637         <div class="span3" title="Code: 0xe90f">
    638           <
i class="demo-icon porto-icon-category-steering">&#xe90f;</i> <span class="i-name">porto-icon-category-steering</span><span class="i-code">0xe90f</span>
    639         </div>
    640         <div class="span3" title="Code: 0xe910">
    641           <
i class="demo-icon porto-icon-category-external-accessories">&#xe910;</i> <span class="i-name">porto-icon-category-external-accessories</span><span class="i-code">0xe910</span>
    642         </div>
    643         <div class="span3" title="Code: 0xe911">
    644           <
i class="demo-icon porto-icon-category-fluids">&#xe911;</i> <span class="i-name">porto-icon-category-fluids</span><span class="i-code">0xe911</span>
    645         </div>
485       </div> 646       </div>
486       <div class="row"> 647       <div class="row">
487         <div class="the-icons span3" title="Code: 0xe921"><i class="demo-icon porto-icon-boy-broad-smile">&#xe921;</i> <span class="i-name">porto-icon-boy-broad-smile</span><span class="i-code">0xe921</span></div> 648         <div class="span3" title="Code: 0xe912">
488         <div class="the-icons span3" title="Code: 0xe922"><i class="demo-icon porto-icon-smiling-baby">&#xe922;</i> <span class="i-name">porto-icon-smiling-baby</span><span class="i-code">0xe922</span></div> 649           <
i class="demo-icon porto-icon-category-internal-accessories">&#xe912;</i> <span class="i-name">porto-icon-category-internal-accessories</span><span class="i-code">0xe912</span>
489         <div class="the-icons span3" title="Code: 0xe923"><i class="demo-icon porto-icon-menu-button-of-three-lines-outline">&#xe923;</i> <span class="i-name">porto-icon-menu-button-of-three-lines-outline</span><span class="i-code">0xe923</span></div> 650         </div>
490         <div class="the-icons span3" title="Code: 0xf110"><i class="demo-icon porto-icon-spinner">&#xf110;</i> <span class="i-name">porto-icon-spinner</span><span class="i-code">0xf110</span></div> 651         <div class="span3" title="Code: 0xe913">
    652           <
i class="demo-icon porto-icon-category-chains">&#xe913;</i> <span class="i-name">porto-icon-category-chains</span><span class="i-code">0xe913</span>
    653         </div>
    654         <div class="span3" title="Code: 0xe914">
    655           <
i class="demo-icon porto-icon-category-frames">&#xe914;</i> <span class="i-name">porto-icon-category-frames</span><span class="i-code">0xe914</span>
    656         </div>
    657         <div class="span3" title="Code: 0xe915">
    658           <
i class="demo-icon porto-icon-category-pedals">&#xe915;</i> <span class="i-name">porto-icon-category-pedals</span><span class="i-code">0xe915</span>
    659         </div>
491       </div> 660       </div>
492       <div class="row"> 661       <div class="row">
493         <div class="the-icons span3" title="Code: 0xf1de"><i class="demo-icon porto-icon-sliders">&#xf1de;</i> <span class="i-name">porto-icon-sliders</span><span class="i-code">0xf1de</span></div> 662         <div class="span3" title="Code: 0xe916">
494         <div class="the-icons span3" title="Code: 0xf291"><i class="demo-icon porto-icon-shopping-basket">&#xf291;</i> <span class="i-name">porto-icon-shopping-basket</span><span class="i-code">0xf291</span></div> 663           <
i class="demo-icon porto-icon-category-saddle">&#xe916;</i> <span class="i-name">porto-icon-category-saddle</span><span class="i-code">0xe916</span>
495         <div class="the-icons span3" title="Code: 0xf309"><i class="demo-icon porto-icon-long-arrow-alt-down">&#xf309;</i> <span class="i-name">porto-icon-long-arrow-alt-down</span><span class="i-code">0xf309</span></div> 664         </div>
496         <div class="the-icons span3" title="Code: 0xf30a"><i class="demo-icon porto-icon-long-arrow-alt-left">&#xf30a;</i> <span class="i-name">porto-icon-long-arrow-alt-left</span><span class="i-code">0xf30a</span></div> 665         <div class="span3" title="Code: 0xe917">
    666           <
i class="demo-icon porto-icon-category-tools">&#xe917;</i> <span class="i-name">porto-icon-category-tools</span><span class="i-code">0xe917</span>
    667         </div>
    668         <div class="span3" title="Code: 0xe918">
    669           <
i class="demo-icon porto-icon-search-4">&#xe918;</i> <span class="i-name">porto-icon-search-4</span><span class="i-code">0xe918</span>
    670         </div>
    671         <div class="span3" title="Code: 0xe919">
    672           <
i class="demo-icon porto-icon-secure-payment">&#xe919;</i> <span class="i-name">porto-icon-secure-payment</span><span class="i-code">0xe919</span>
    673         </div>
497       </div> 674       </div>
498       <div class="row"> 675       <div class="row">
499         <div class="the-icons span3" title="Code: 0xf30b"><i class="demo-icon porto-icon-long-arrow-alt-right">&#xf30b;</i> <span class="i-name">porto-icon-long-arrow-alt-right</span><span class="i-code">0xf30b</span></div> 676         <div class="span3" title="Code: 0xe91a">
500         <div class="the-icons span3" title="Code: 0xf30c"><i class="demo-icon porto-icon-long-arrow-alt-up">&#xf30c;</i> <span class="i-name">porto-icon-long-arrow-alt-up</span><span class="i-code">0xf30c</span></div> 677           <
i class="demo-icon porto-icon-user-2">&#xe91a;</i> <span class="i-name">porto-icon-user-2</span><span class="i-code">0xe91a</span>
501         <div class="the-icons span3" title="Code: 0xf800"><i class="demo-icon porto-icon-up-open">&#xf800;</i> <span class="i-name">porto-icon-up-open</span><span class="i-code">0xf800</span></div> 678         </div>
502         <div class="the-icons span3" title="Code: 0xf801"><i class="demo-icon porto-icon-right-open">&#xf801;</i> <span class="i-name">porto-icon-right-open</span><span class="i-code">0xf801</span></div> 679         <div class="span3" title="Code: 0xe91b">
    680           <
i class="demo-icon porto-icon-wishlist-2">&#xe91b;</i> <span class="i-name">porto-icon-wishlist-2</span><span class="i-code">0xe91b</span>
    681         </div>
    682         <div class="span3" title="Code: 0xe91c">
    683           <
i class="demo-icon porto-icon-gift2">&#xe91c;</i> <span class="i-name">porto-icon-gift2</span><span class="i-code">0xe91c</span>
    684         </div>
    685         <div class="span3" title="Code: 0xe91d">
    686           <
i class="demo-icon porto-icon-edit">&#xe91d;</i> <span class="i-name">porto-icon-edit</span><span class="i-code">0xe91d</span>
    687         </div>
503       </div> 688       </div>
504       <div class="row"> 689       <div class="row">
505         <div class="the-icons span3" title="Code: 0xf802"><i class="demo-icon porto-icon-left-open">&#xf802;</i> <span class="i-name">porto-icon-left-open</span><span class="i-code">0xf802</span></div> 690         <div class="span3" title="Code: 0xe91e">
506         <div class="the-icons span3" title="Code: 0xf803"><i class="demo-icon porto-icon-down-open">&#xf803;</i> <span class="i-name">porto-icon-down-open</span><span class="i-code">0xf803</span></div> 691           <
i class="demo-icon porto-icon-chef">&#xe91e;</i> <span class="i-name">porto-icon-chef</span><span class="i-code">0xe91e</span>
507         <div class="the-icons span3" title="Code: 0xf804"><i class="demo-icon porto-icon-up-open-mini">&#xf804;</i> <span class="i-name">porto-icon-up-open-mini</span><span class="i-code">0xf804</span></div> 692         </div>
508         <div class="the-icons span3" title="Code: 0xf805"><i class="demo-icon porto-icon-right-open-mini">&#xf805;</i> <span class="i-name">porto-icon-right-open-mini</span><span class="i-code">0xf805</span></div> 693         <div class="span3" title="Code: 0xe91f">
    694           <
i class="demo-icon porto-icon-smiling-girl">&#xe91f;</i> <span class="i-name">porto-icon-smiling-girl</span><span class="i-code">0xe91f</span>
    695         </div>
    696         <div class="span3" title="Code: 0xe920">
    697           <
i class="demo-icon porto-icon-tshirt">&#xe920;</i> <span class="i-name">porto-icon-tshirt</span><span class="i-code">0xe920</span>
    698         </div>
    699         <div class="span3" title="Code: 0xe921">
    700           <
i class="demo-icon porto-icon-boy-broad-smile">&#xe921;</i> <span class="i-name">porto-icon-boy-broad-smile</span><span class="i-code">0xe921</span>
    701         </div>
509       </div> 702       </div>
510       <div class="row"> 703       <div class="row">
511         <div class="the-icons span3" title="Code: 0xf806"><i class="demo-icon porto-icon-left-open-mini">&#xf806;</i> <span class="i-name">porto-icon-left-open-mini</span><span class="i-code">0xf806</span></div> 704         <div class="span3" title="Code: 0xe922">
512         <div class="the-icons span3" title="Code: 0xf807"><i class="demo-icon porto-icon-down-open-mini">&#xf807;</i> <span class="i-name">porto-icon-down-open-mini</span><span class="i-code">0xf807</span></div> 705           <
i class="demo-icon porto-icon-smiling-baby">&#xe922;</i> <span class="i-name">porto-icon-smiling-baby</span><span class="i-code">0xe922</span>
513         <div class="the-icons span3" title="Code: 0xf808"><i class="demo-icon porto-icon-up-open-big">&#xf808;</i> <span class="i-name">porto-icon-up-open-big</span><span class="i-code">0xf808</span></div> 706         </div>
514         <div class="the-icons span3" title="Code: 0xf809"><i class="demo-icon porto-icon-right-open-big">&#xf809;</i> <span class="i-name">porto-icon-right-open-big</span><span class="i-code">0xf809</span></div> 707         <div class="span3" title="Code: 0xe923">
    708           <
i class="demo-icon porto-icon-menu-button-of-three-lines-outline">&#xe923;</i> <span class="i-name">porto-icon-menu-button-of-three-lines-outline</span><span class="i-code">0xe923</span>
    709         </div>
    710         <div class="span3" title="Code: 0xf110">
    711           <
i class="demo-icon porto-icon-spinner">&#xf110;</i> <span class="i-name">porto-icon-spinner</span><span class="i-code">0xf110</span>
    712         </div>
    713         <div class="span3" title="Code: 0xf1de">
    714           <
i class="demo-icon porto-icon-sliders">&#xf1de;</i> <span class="i-name">porto-icon-sliders</span><span class="i-code">0xf1de</span>
    715         </div>
515       </div> 716       </div>
516       <div class="row"> 717       <div class="row">
517         <div class="the-icons span3" title="Code: 0xf80a"><i class="demo-icon porto-icon-left-open-big">&#xf80a;</i> <span class="i-name">porto-icon-left-open-big</span><span class="i-code">0xf80a</span></div> 718         <div class="span3" title="Code: 0xf291">
518         <div class="the-icons span3" title="Code: 0xf80b"><i class="demo-icon porto-icon-down-open-big">&#xf80b;</i> <span class="i-name">porto-icon-down-open-big</span><span class="i-code">0xf80b</span></div> 719           <
i class="demo-icon porto-icon-shopping-basket">&#xf291;</i> <span class="i-name">porto-icon-shopping-basket</span><span class="i-code">0xf291</span>
519         <div class="the-icons span3" title="Code: 0xf80c"><i class="demo-icon porto-icon-up-open-huge">&#xf80c;</i> <span class="i-name">porto-icon-up-open-huge</span><span class="i-code">0xf80c</span></div> 720         </div>
520         <div class="the-icons span3" title="Code: 0xf80d"><i class="demo-icon porto-icon-right-open-huge">&#xf80d;</i> <span class="i-name">porto-icon-right-open-huge</span><span class="i-code">0xf80d</span></div> 721         <div class="span3" title="Code: 0xf309">
    722           <
i class="demo-icon porto-icon-long-arrow-alt-down">&#xf309;</i> <span class="i-name">porto-icon-long-arrow-alt-down</span><span class="i-code">0xf309</span>
    723         </div>
    724         <div class="span3" title="Code: 0xf30a">
    725           <
i class="demo-icon porto-icon-long-arrow-alt-left">&#xf30a;</i> <span class="i-name">porto-icon-long-arrow-alt-left</span><span class="i-code">0xf30a</span>
    726         </div>
    727         <div class="span3" title="Code: 0xf30b">
    728           <
i class="demo-icon porto-icon-long-arrow-alt-right">&#xf30b;</i> <span class="i-name">porto-icon-long-arrow-alt-right</span><span class="i-code">0xf30b</span>
    729         </div>
521       </div> 730       </div>
522       <div class="row"> 731       <div class="row">
523         <div class="the-icons span3" title="Code: 0xf80e"><i class="demo-icon porto-icon-left-open-huge">&#xf80e;</i> <span class="i-name">porto-icon-left-open-huge</span><span class="i-code">0xf80e</span></div> 732         <div class="span3" title="Code: 0xf30c">
524         <div class="the-icons span3" title="Code: 0xf80f"><i class="demo-icon porto-icon-down-open-huge">&#xf80f;</i> <span class="i-name">porto-icon-down-open-huge</span><span class="i-code">0xf80f</span></div> 733           <
i class="demo-icon porto-icon-long-arrow-alt-up">&#xf30c;</i> <span class="i-name">porto-icon-long-arrow-alt-up</span><span class="i-code">0xf30c</span>
525         <div class="the-icons span3" title="Code: 0xf814"><i class="demo-icon porto-icon-basket">&#xf814;</i> <span class="i-name">porto-icon-basket</span><span class="i-code">0xf814</span></div> 734         </div>
526         <div class="the-icons span3" title="Code: 0xf815"><i class="demo-icon porto-icon-mini-cart">&#xf815;</i> <span class="i-name">porto-icon-mini-cart</span><span class="i-code">0xf815</span></div> 735         <div class="span3" title="Code: 0xf800">
    736           <
i class="demo-icon porto-icon-up-open
">&#xf800;</i> <span class="i-name">porto-icon-up-open
</span><span class="i-code">0xf800</span>
    737         </div>
    738         <div class="span3" title="Code: 0xf801">
    739           <
i class="demo-icon porto-icon-right-open">&#xf801;</i> <span class="i-name">porto-icon-right-open</span><span class="i-code">0xf801</span>
    740         </div>
    741         <div class="span3" title="Code: 0xf802">
    742           <
i class="demo-icon porto-icon-left-open">&#xf802;</i> <span class="i-name">porto-icon-left-open</span><span class="i-code">0xf802</span>
    743         </div>
527       </div> 744       </div>
528       <div class="row"> 745       <div class="row">
529         <div class="the-icons span3" title="Code: 0xf816"><i class="demo-icon porto-icon-heart">&#xf816;</i> <span class="i-name">porto-icon-heart</span><span class="i-code">0xf816</span></div> 746         <div class="span3" title="Code: 0xf803">
530         <div class="the-icons span3" title="Code: 0xf818"><i class="demo-icon porto-icon-search">&#xf818;</i> <span class="i-name">porto-icon-search</span><span class="i-code">0xf818</span></div> 747           <
i class="demo-icon porto-icon-down-open">&#xf803;</i> <span class="i-name">porto-icon-down-open</span><span class="i-code">0xf803</span>
531         <div class="the-icons span3" title="Code: 0xf819"><i class="demo-icon porto-icon-cancel">&#xf819;</i> <span class="i-name">porto-icon-cancel</span><span class="i-code">0xf819</span></div> 748         </div>
532         <div class="the-icons span3" title="Code: 0xf81a"><i class="demo-icon porto-icon-cancel-mini">&#xf81a;</i> <span class="i-name">porto-icon-cancel-mini</span><span class="i-code">0xf81a</span></div> 749         <div class="span3" title="Code: 0xf804">
    750           <
i class="demo-icon porto-icon-up-open-mini">&#xf804;</i> <span class="i-name">porto-icon-up-open-mini</span><span class="i-code">0xf804</span>
    751         </div>
    752         <div class="span3" title="Code: 0xf805">
    753           <
i class="demo-icon porto-icon-right-open-mini">&#xf805;</i> <span class="i-name">porto-icon-right-open-mini</span><span class="i-code">0xf805</span>
    754         </div>
    755         <div class="span3" title="Code: 0xf806">
    756           <
i class="demo-icon porto-icon-left-open-mini">&#xf806;</i> <span class="i-name">porto-icon-left-open-mini</span><span class="i-code">0xf806</span>
    757         </div>
533       </div> 758       </div>
534       <div class="row"> 759       <div class="row">
535         <div class="the-icons span3" title="Code: 0xf820"><i class="demo-icon porto-icon-up-dir">&#xf820;</i> <span class="i-name">porto-icon-up-dir</span><span class="i-code">0xf820</span></div> 760         <div class="span3" title="Code: 0xf807">
536         <div class="the-icons span3" title="Code: 0xf821"><i class="demo-icon porto-icon-right-dir">&#xf821;</i> <span class="i-name">porto-icon-right-dir</span><span class="i-code">0xf821</span></div> 761           <
i class="demo-icon porto-icon-down-open-mini">&#xf807;</i> <span class="i-name">porto-icon-down-open-mini</span><span class="i-code">0xf807</span>
537         <div class="the-icons span3" title="Code: 0xf822"><i class="demo-icon porto-icon-left-dir">&#xf822;</i> <span class="i-name">porto-icon-left-dir</span><span class="i-code">0xf822</span></div> 762         </div>
538         <div class="the-icons span3" title="Code: 0xf823"><i class="demo-icon porto-icon-down-dir">&#xf823;</i> <span class="i-name">porto-icon-down-dir</span><span class="i-code">0xf823</span></div> 763         <div class="span3" title="Code: 0xf808">
    764           <
i class="demo-icon porto-icon-up-open-big">&#xf808;</i> <span class="i-name">porto-icon-up-open-big</span><span class="i-code">0xf808</span>
    765         </div>
    766         <div class="span3" title="Code: 0xf809">
    767           <
i class="demo-icon porto-icon-right-open-big">&#xf809;</i> <span class="i-name">porto-icon-right-open-big</span><span class="i-code">0xf809</span>
    768         </div>
    769         <div class="span3" title="Code: 0xf80a">
    770           <
i class="demo-icon porto-icon-left-open-big">&#xf80a;</i> <span class="i-name">porto-icon-left-open-big</span><span class="i-code">0xf80a</span>
    771         </div>
539       </div> 772       </div>
540       <div class="row"> 773       <div class="row">
541         <div class="the-icons span3" title="Code: 0xf824"><i class="demo-icon porto-icon-phone">&#xf824;</i> <span class="i-name">porto-icon-phone</span><span class="i-code">0xf824</span></div> 774         <div class="span3" title="Code: 0xf80b">
542         <div class="the-icons span3" title="Code: 0xf825"><i class="demo-icon porto-icon-pencil">&#xf825;</i> <span class="i-name">porto-icon-pencil</span><span class="i-code">0xf825</span></div> 775           <
i class="demo-icon porto-icon-down-open-big">&#xf80b;</i> <span class="i-name">porto-icon-down-open-big</span><span class="i-code">0xf80b</span>
543         <div class="the-icons span3" title="Code: 0xf826"><i class="demo-icon porto-icon-pencil-mini">&#xf826;</i> <span class="i-name">porto-icon-pencil-mini</span><span class="i-code">0xf826</span></div> 776         </div>
544         <div class="the-icons span3" title="Code: 0xf827"><i class="demo-icon porto-icon-menu">&#xf827;</i> <span class="i-name">porto-icon-menu</span><span class="i-code">0xf827</span></div> 777         <div class="span3" title="Code: 0xf80c">
    778           <
i class="demo-icon porto-icon-up-open-huge">&#xf80c;</i> <span class="i-name">porto-icon-up-open-huge</span><span class="i-code">0xf80c</span>
    779         </div>
    780         <div class="span3" title="Code: 0xf80d">
    781           <
i class="demo-icon porto-icon-right-open-huge">&#xf80d;</i> <span class="i-name">porto-icon-right-open-huge</span><span class="i-code">0xf80d</span>
    782         </div>
    783         <div class="span3" title="Code: 0xf80e">
    784           <
i class="demo-icon porto-icon-left-open-huge">&#xf80e;</i> <span class="i-name">porto-icon-left-open-huge</span><span class="i-code">0xf80e</span>
    785         </div>
545       </div> 786       </div>
546       <div class="row"> 787       <div class="row">
547         <div class="the-icons span3" title="Code: 0xf828"><i class="demo-icon porto-icon-location">&#xf828;</i> <span class="i-name">porto-icon-location</span><span class="i-code">0xf828</span></div> 788         <div class="span3" title="Code: 0xf80f">
548         <div class="the-icons span3" title="Code: 0xf829"><i class="demo-icon porto-icon-mail">&#xf829;</i> <span class="i-name">porto-icon-mail</span><span class="i-code">0xf829</span></div> 789           <i class="demo-icon porto-icon-down-open-huge">&#xf80f;</i> <span class="i-name">porto-icon-down-open-huge</span><span class="i-code">0xf80f</span>
549         <div class="the-icons span3" title="Code: 0xf82a"><i class="demo-icon porto-icon-clock">&#xf82a;</i> <span class="i-name">porto-icon-clock</span><span class="i-code">0xf82a</span></div> 790         </div>
550         <div class="the-icons span3" title="Code: 0xf82b"><i class="demo-icon porto-icon-ok">&#xf82b;</i> <span class="i-name">porto-icon-ok</span><span class="i-code">0xf82b</span></div> 791         <div class="span3" title="Code: 0xf814">
    792           <
i class="demo-icon porto-icon-basket">&#xf814;</i> <span class="i-name">porto-icon-basket</span><span class="i-code">0xf814</span>
    793         </div>
    794         <div class="span3" title="Code: 0xf815">
    795           <i class="demo-icon porto-icon-mini-cart">&#xf815;</i> <span class="i-name">porto-icon-mini-cart</span><span class="i-code">0xf815</span>
    796         </div>
    797         <div class="span3" title="Code: 0xf816">
    798           <
i class="demo-icon porto-icon-heart">&#xf816;</i> <span class="i-name">porto-icon-heart</span><span class="i-code">0xf816</span>
    799         </div>
    800       </div>
    801       <div class="row">
    802         <div class="span3" title="Code: 0xf818">
    803           <i class="demo-icon porto-icon-search">&#xf818;</i> <span class="i-name">porto-icon-search</span><span class="i-code">0xf818</span>
    804         </div>
    805         <div class="span3" title="Code: 0xf819">
    806           <i class="demo-icon porto-icon-cancel-2">&#xf819;</i> <span class="i-name">porto-icon-cancel-2</span><span class="i-code">0xf819</span>
    807         </div>
    808         <div class="span3" title="Code: 0xf81a">
    809           <i class="demo-icon porto-icon-cancel-mini">&#xf81a;</i> <span class="i-name">porto-icon-cancel-mini</span><span class="i-code">0xf81a</span>
    810         </div>
    811         <div class="span3" title="Code: 0xf820">
    812           <i class="demo-icon porto-icon-up-dir">&#xf820;</i> <span class="i-name">porto-icon-up-dir</span><span class="i-code">0xf820</span>
    813         </div>
    814       </div>
    815       <div class="row">
    816         <div class="span3" title="Code: 0xf821">
    817           <i class="demo-icon porto-icon-right-dir">&#xf821;</i> <span class="i-name">porto-icon-right-dir</span><span class="i-code">0xf821</span>
    818         </div>
    819         <div class="span3" title="Code: 0xf822">
    820           <i class="demo-icon porto-icon-left-dir">&#xf822;</i> <span class="i-name">porto-icon-left-dir</span><span class="i-code">0xf822</span>
    821         </div>
    822         <div class="span3" title="Code: 0xf823">
    823           <i class="demo-icon porto-icon-down-dir">&#xf823;</i> <span class="i-name">porto-icon-down-dir</span><span class="i-code">0xf823</span>
    824         </div>
    825         <div class="span3" title="Code: 0xf824">
    826           <
i class="demo-icon porto-icon-phone">&#xf824;</i> <span class="i-name">porto-icon-phone</span><span class="i-code">0xf824</span>
    827         </div>
    828       </div>
    829       <div class="row">
    830         <div class="span3" title="Code: 0xf825">
    831           <i class="demo-icon porto-icon-pencil">&#xf825;</i> <span class="i-name">porto-icon-pencil</span><span class="i-code">0xf825</span>
    832         </div>
    833         <div class="span3" title="Code: 0xf826">
    834           <i class="demo-icon porto-icon-pencil-mini">&#xf826;</i> <span class="i-name">porto-icon-pencil-mini</span><span class="i-code">0xf826</span>
    835         </div>
    836         <div class="span3" title="Code: 0xf827">
    837           <
i class="demo-icon porto-icon-menu">&#xf827;</i> <span class="i-name">porto-icon-menu</span><span class="i-code">0xf827</span>
    838         </div>
    839         <div class="span3" title="Code: 0xf828">
    840           <i class="demo-icon porto-icon-location">&#xf828;</i> <span class="i-name">porto-icon-location</span><span class="i-code">0xf828</span>
    841         </div>
551       </div> 842       </div>
552       <div class="row"> 843       <div class="row">
553         <div class="the-icons span3" title="Code: 0xf82c"><i class="demo-icon porto-icon-plus-squared-alt">&#xf82c;</i> <span class="i-name">porto-icon-plus-squared-alt</span><span class="i-code">0xf82c</span></div> 844         <div class="span3" title="Code: 0xf829">
554         <div class="the-icons span3" title="Code: 0xf82d"><i class="demo-icon porto-icon-minus-squared-alt">&#xf82d;</i> <span class="i-name">porto-icon-minus-squared-alt</span><span class="i-code">0xf82d</span></div> 845           <
i class="demo-icon porto-icon-mail">&#xf829;</i> <span class="i-name">porto-icon-mail</span><span class="i-code">0xf829</span>
555         <div class="the-icons span3" title="Code: 0xf82e"><i class="demo-icon porto-icon-plus-squared">&#xf82e;</i> <span class="i-name">porto-icon-plus-squared</span><span class="i-code">0xf82e</span></div> 846         </div>
556         <div class="the-icons span3" title="Code: 0xf82f"><i class="demo-icon porto-icon-minus-squared
">&#xf82f;</i> <span class="i-name">porto-icon-minus-squared
</span><span class="i-code">0xf82f</span></div>
 847         <div class="span3" title="Code: 0xf82a">
    848           <
i class="demo-icon porto-icon-clock">&#xf82a;</i> <span class="i-name">porto-icon-clock</span><span class="i-code">0xf82a</span>
    849         </div>
    850         <div class="span3" title="Code: 0xf82b">
    851           <
i class="demo-icon porto-icon-ok">&#xf82b;</i> <span class="i-name">porto-icon-ok</span><span class="i-code">0xf82b</span>
    852         </div>
    853         <div class="span3" title="Code: 0xf82c">
    854           <
i class="demo-icon porto-icon-plus-squared-alt">&#xf82c;</i> <span class="i-name">porto-icon-plus-squared-alt</span><span class="i-code">0xf82c</span>
    855         </div>
557       </div> 856       </div>
558       <div class="row"> 857       <div class="row">
559         <div class="the-icons span3" title="Code: 0xf830"><i class="demo-icon porto-icon-truck">&#xf830;</i> <span class="i-name">porto-icon-truck</span><span class="i-code">0xf830</span></div> 858         <div class="span3" title="Code: 0xf82d">
560         <div class="the-icons span3" title="Code: 0xf831"><i class="demo-icon porto-icon-dollar">&#xf831;</i> <span class="i-name">porto-icon-dollar</span><span class="i-code">0xf831</span></div> 859           <
i class="demo-icon porto-icon-minus-squared-alt">&#xf82d;</i> <span class="i-name">porto-icon-minus-squared-alt</span><span class="i-code">0xf82d</span>
561         <div class="the-icons span3" title="Code: 0xf832"><i class="demo-icon porto-icon-lifebuoy">&#xf832;</i> <span class="i-name">porto-icon-lifebuoy</span><span class="i-code">0xf832</span></div> 860         </div>
562         <div class="the-icons span3" title="Code: 0xf833"><i class="demo-icon porto-icon-facebook">&#xf833;</i> <span class="i-name">porto-icon-facebook</span><span class="i-code">0xf833</span></div> 861         <div class="span3" title="Code: 0xf82e">
    862           <
i class="demo-icon porto-icon-plus-squared">&#xf82e;</i> <span class="i-name">porto-icon-plus-squared</span><span class="i-code">0xf82e</span>
    863         </div>
    864         <div class="span3" title="Code: 0xf82f">
    865           <
i class="demo-icon porto-icon-minus-squared">&#xf82f;</i> <span class="i-name">porto-icon-minus-squared</span><span class="i-code">0xf82f</span>
    866         </div>
    867         <div class="span3" title="Code: 0xf830">
    868           <
i class="demo-icon porto-icon-truck">&#xf830;</i> <span class="i-name">porto-icon-truck</span><span class="i-code">0xf830</span>
    869         </div>
563       </div> 870       </div>
564       <div class="row"> 871       <div class="row">
565         <div class="the-icons span3" title="Code: 0xf834"><i class="demo-icon porto-icon-twitter">&#xf834;</i> <span class="i-name">porto-icon-twitter</span><span class="i-code">0xf834</span></div> 872         <div class="span3" title="Code: 0xf831">
566         <div class="the-icons span3" title="Code: 0xf835"><i class="demo-icon porto-icon-linkedin-squared">&#xf835;</i> <span class="i-name">porto-icon-linkedin-squared</span><span class="i-code">0xf835</span></div> 873           <
i class="demo-icon porto-icon-dollar">&#xf831;</i> <span class="i-name">porto-icon-dollar</span><span class="i-code">0xf831</span>
567         <div class="the-icons span3" title="Code: 0xf836"><i class="demo-icon porto-icon-pinterest">&#xf836;</i> <span class="i-name">porto-icon-pinterest</span><span class="i-code">0xf836</span></div> 874         </div>
568         <div class="the-icons span3" title="Code: 0xf837"><i class="demo-icon porto-icon-gplus">&#xf837;</i> <span class="i-name">porto-icon-gplus</span><span class="i-code">0xf837</span></div> 875         <div class="span3" title="Code: 0xf832">
    876           <
i class="demo-icon porto-icon-lifebuoy">&#xf832;</i> <span class="i-name">porto-icon-lifebuoy</span><span class="i-code">0xf832</span>
    877         </div>
    878         <div class="span3" title="Code: 0xf833">
    879           <
i class="demo-icon porto-icon-facebook">&#xf833;</i> <span class="i-name">porto-icon-facebook</span><span class="i-code">0xf833</span>
    880         </div>
    881         <div class="span3" title="Code: 0xf834">
    882           <
i class="demo-icon porto-icon-twitter">&#xf834;</i> <span class="i-name">porto-icon-twitter</span><span class="i-code">0xf834</span>
    883         </div>
569       </div> 884       </div>
570       <div class="row"> 885       <div class="row">
571         <div class="the-icons span3" title="Code: 0xf838"><i class="demo-icon porto-icon-youtube">&#xf838;</i> <span class="i-name">porto-icon-youtube</span><span class="i-code">0xf838</span></div> 886         <div class="span3" title="Code: 0xf835">
572         <div class="the-icons span3" title="Code: 0xf839"><i class="demo-icon porto-icon-th">&#xf839;</i> <span class="i-name">porto-icon-th</span><span class="i-code">0xf839</span></div> 887           <
i class="demo-icon porto-icon-linkedin-squared">&#xf835;</i> <span class="i-name">porto-icon-linkedin-squared</span><span class="i-code">0xf835</span>
573         <div class="the-icons span3" title="Code: 0xf83a"><i class="demo-icon porto-icon-th-list">&#xf83a;</i> <span class="i-name">porto-icon-th-list</span><span class="i-code">0xf83a</span></div> 888         </div>
574         <div class="the-icons span3" title="Code: 0xf83b"><i class="demo-icon porto-icon-chart-bar">&#xf83b;</i> <span class="i-name">porto-icon-chart-bar</span><span class="i-code">0xf83b</span></div> 889         <div class="span3" title="Code: 0xf836">
    890           <
i class="demo-icon porto-icon-pinterest">&#xf836;</i> <span class="i-name">porto-icon-pinterest</span><span class="i-code">0xf836</span>
    891         </div>
    892         <div class="span3" title="Code: 0xf837">
    893           <
i class="demo-icon porto-icon-gplus">&#xf837;</i> <span class="i-name">porto-icon-gplus</span><span class="i-code">0xf837</span>
    894         </div>
    895         <div class="span3" title="Code: 0xf838">
    896           <
i class="demo-icon porto-icon-youtube">&#xf838;</i> <span class="i-name">porto-icon-youtube</span><span class="i-code">0xf838</span>
    897         </div>
575       </div> 898       </div>
576       <div class="row"> 899       <div class="row">
577         <div class="the-icons span3" title="Code: 0xf83c"><i class="demo-icon porto-icon-heart-empty">&#xf83c;</i> <span class="i-name">porto-icon-heart-empty</span><span class="i-code">0xf83c</span></div> 900         <div class="span3" title="Code: 0xf839">
578         <div class="the-icons span3" title="Code: 0xf83d"><i class="demo-icon porto-icon-instagram">&#xf83d;</i> <span class="i-name">porto-icon-instagram</span><span class="i-code">0xf83d</span></div> 901           <
i class="demo-icon porto-icon-th">&#xf839;</i> <span class="i-name">porto-icon-th</span><span class="i-code">0xf839</span>
579         <div class="the-icons span3" title="Code: 0xf840"><i class="demo-icon porto-icon-up">&#xf840;</i> <span class="i-name">porto-icon-up</span><span class="i-code">0xf840</span></div> 902         </div>
580         <div class="the-icons span3" title="Code: 0xf841"><i class="demo-icon porto-icon-right">&#xf841;</i> <span class="i-name">porto-icon-right</span><span class="i-code">0xf841</span></div> 903         <div class="span3" title="Code: 0xf83a">
    904           <
i class="demo-icon porto-icon-th-list">&#xf83a;</i> <span class="i-name">porto-icon-th-list</span><span class="i-code">0xf83a</span>
    905         </div>
    906         <div class="span3" title="Code: 0xf83b">
    907           <
i class="demo-icon porto-icon-chart-bar">&#xf83b;</i> <span class="i-name">porto-icon-chart-bar</span><span class="i-code">0xf83b</span>
    908         </div>
    909         <div class="span3" title="Code: 0xf83c">
    910           <
i class="demo-icon porto-icon-heart-empty">&#xf83c;</i> <span class="i-name">porto-icon-heart-empty</span><span class="i-code">0xf83c</span>
    911         </div>
581       </div> 912       </div>
582       <div class="row"> 913       <div class="row">
583         <div class="the-icons span3" title="Code: 0xf842"><i class="demo-icon porto-icon-down">&#xf842;</i> <span class="i-name">porto-icon-down</span><span class="i-code">0xf842</span></div> 914         <div class="span3" title="Code: 0xf83d">
584         <div class="the-icons span3" title="Code: 0xf843"><i class="demo-icon porto-icon-left">&#xf843;</i> <span class="i-name">porto-icon-left</span><span class="i-code">0xf843</span></div> 915           <
i class="demo-icon porto-icon-instagram">&#xf83d;</i> <span class="i-name">porto-icon-instagram</span><span class="i-code">0xf83d</span>
585         <div class="the-icons span3" title="Code: 0xf844"><i class="demo-icon porto-icon-star">&#xf844;</i> <span class="i-name">porto-icon-star</span><span class="i-code">0xf844</span></div> 916         </div>
586         <div class="the-icons span3" title="Code: 0xf845"><i class="demo-icon porto-icon-star-empty">&#xf845;</i> <span class="i-name">porto-icon-star-empty</span><span class="i-code">0xf845</span></div> 917         <div class="span3" title="Code: 0xf840">
    918           <
i class="demo-icon porto-icon-up">&#xf840;</i> <span class="i-name">porto-icon-up</span><span class="i-code">0xf840</span>
    919         </div>
    920         <div class="span3" title="Code: 0xf841">
    921           <
i class="demo-icon porto-icon-right">&#xf841;</i> <span class="i-name">porto-icon-right</span><span class="i-code">0xf841</span>
    922         </div>
    923         <div class="span3" title="Code: 0xf842">
    924           <
i class="demo-icon porto-icon-down">&#xf842;</i> <span class="i-name">porto-icon-down</span><span class="i-code">0xf842</span>
    925         </div>
587       </div> 926       </div>
588       <div class="row"> 927       <div class="row">
589         <div class="the-icons span3" title="Code: 0xf846"><i class="demo-icon porto-icon-ok-circled">&#xf846;</i> <span class="i-name">porto-icon-ok-circled</span><span class="i-code">0xf846</span></div> 928         <div class="span3" title="Code: 0xf843">
590         <div class="the-icons span3" title="Code: 0xf847"><i class="demo-icon porto-icon-cancel-circled">&#xf847;</i> <span class="i-name">porto-icon-cancel-circled</span><span class="i-code">0xf847</span></div> 929           <
i class="demo-icon porto-icon-left">&#xf843;</i> <span class="i-name">porto-icon-left</span><span class="i-code">0xf843</span>
591         <div class="the-icons span3" title="Code: 0xf848"><i class="demo-icon porto-icon-help-circled">&#xf848;</i> <span class="i-name">porto-icon-help-circled</span><span class="i-code">0xf848</span></div> 930         </div>
592         <div class="the-icons span3" title="Code: 0xf849"><i class="demo-icon porto-icon-info-circled">&#xf849;</i> <span class="i-name">porto-icon-info-circled</span><span class="i-code">0xf849</span></div> 931         <div class="span3" title="Code: 0xf844">
    932           <
i class="demo-icon porto-icon-star">&#xf844;</i> <span class="i-name">porto-icon-star</span><span class="i-code">0xf844</span>
    933         </div>
    934         <div class="span3" title="Code: 0xf845">
    935           <
i class="demo-icon porto-icon-star-empty">&#xf845;</i> <span class="i-name">porto-icon-star-empty</span><span class="i-code">0xf845</span>
    936         </div>
    937         <div class="span3" title="Code: 0xf846">
    938           <
i class="demo-icon porto-icon-ok-circled">&#xf846;</i> <span class="i-name">porto-icon-ok-circled</span><span class="i-code">0xf846</span>
    939         </div>
593       </div> 940       </div>
594       <div class="row"> 941       <div class="row">
595         <div class="the-icons span3" title="Code: 0xf84a"><i class="demo-icon porto-icon-attention">&#xf84a;</i> <span class="i-name">porto-icon-attention</span><span class="i-code">0xf84a</span></div> 942         <div class="span3" title="Code: 0xf847">
596         <div class="the-icons span3" title="Code: 0xf84b"><i class="demo-icon porto-icon-mobile">&#xf84b;</i> <span class="i-name">porto-icon-mobile</span><span class="i-code">0xf84b</span></div> 943           <
i class="demo-icon porto-icon-cancel-circled">&#xf847;</i> <span class="i-name">porto-icon-cancel-circled</span><span class="i-code">0xf847</span>
597         <div class="the-icons span3" title="Code: 0xf84c"><i class="demo-icon porto-icon-mail-alt">&#xf84c;</i> <span class="i-name">porto-icon-mail-alt</span><span class="i-code">0xf84c</span></div> 944         </div>
598         <div class="the-icons span3" title="Code: 0xf84d"><i class="demo-icon porto-icon-skype">&#xf84d;</i> <span class="i-name">porto-icon-skype</span><span class="i-code">0xf84d</span></div> 945         <div class="span3" title="Code: 0xf848">
    946           <
i class="demo-icon porto-icon-help-circled">&#xf848;</i> <span class="i-name">porto-icon-help-circled</span><span class="i-code">0xf848</span>
    947         </div>
    948         <div class="span3" title="Code: 0xf849">
    949           <
i class="demo-icon porto-icon-info-circled">&#xf849;</i> <span class="i-name">porto-icon-info-circled</span><span class="i-code">0xf849</span>
    950         </div>
    951         <div class="span3" title="Code: 0xf84a">
    952           <
i class="demo-icon porto-icon-attention">&#xf84a;</i> <span class="i-name">porto-icon-attention</span><span class="i-code">0xf84a</span>
    953         </div>
599       </div> 954       </div>
600       <div class="row"> 955       <div class="row">
601         <div class="the-icons span3" title="Code: 0xf84e"><i class="demo-icon porto-icon-doc">&#xf84e;</i> <span class="i-name">porto-icon-doc</span><span class="i-code">0xf84e</span></div> 956         <div class="span3" title="Code: 0xf84b">
602         <div class="the-icons span3" title="Code: 0xf850"><i class="demo-icon porto-icon-user">&#xf850;</i> <span class="i-name">porto-icon-user</span><span class="i-code">0xf850</span></div> 957           <
i class="demo-icon porto-icon-mobile">&#xf84b;</i> <span class="i-name">porto-icon-mobile</span><span class="i-code">0xf84b</span>
603         <div class="the-icons span3" title="Code: 0xf851"><i class="demo-icon porto-icon-help">&#xf851;</i> <span class="i-name">porto-icon-help</span><span class="i-code">0xf851</span></div> 958         </div>
604         <div class="the-icons span3" title="Code: 0xf852"><i class="demo-icon porto-icon-info">&#xf852;</i> <span class="i-name">porto-icon-info</span><span class="i-code">0xf852</span></div> 959         <div class="span3" title="Code: 0xf84c">
    960           <
i class="demo-icon porto-icon-mail-alt">&#xf84c;</i> <span class="i-name">porto-icon-mail-alt</span><span class="i-code">0xf84c</span>
    961         </div>
    962         <div class="span3" title="Code: 0xf84d">
    963           <
i class="demo-icon porto-icon-skype">&#xf84d;</i> <span class="i-name">porto-icon-skype</span><span class="i-code">0xf84d</span>
    964         </div>
    965         <div class="span3" title="Code: 0xf84e">
    966           <
i class="demo-icon porto-icon-doc">&#xf84e;</i> <span class="i-name">porto-icon-doc</span><span class="i-code">0xf84e</span>
    967         </div>
605       </div> 968       </div>
606       <div class="row"> 969       <div class="row">
607         <div class="the-icons span3" title="Code: 0xf853"><i class="demo-icon porto-icon-help-circled-alt">&#xf853;</i> <span class="i-name">porto-icon-help-circled-alt</span><span class="i-code">0xf853</span></div> 970         <div class="span3" title="Code: 0xf850">
608         <div class="the-icons span3" title="Code: 0xf854"><i class="demo-icon porto-icon-info-circled-alt">&#xf854;</i> <span class="i-name">porto-icon-info-circled-alt</span><span class="i-code">0xf854</span></div> 971           <
i class="demo-icon porto-icon-user">&#xf850;</i> <span class="i-name">porto-icon-user</span><span class="i-code">0xf850</span>
609         <div class="the-icons span3" title="Code: 0xf855"><i class="demo-icon porto-icon-chevron-left">&#xf855;</i> <span class="i-name">porto-icon-chevron-left</span><span class="i-code">0xf855</span></div> 972         </div>
610         <div class="the-icons span3" title="Code: 0xf856"><i class="demo-icon porto-icon-chevron-right">&#xf856;</i> <span class="i-name">porto-icon-chevron-right</span><span class="i-code">0xf856</span></div> 973         <div class="span3" title="Code: 0xf851">
    974           <
i class="demo-icon porto-icon-help">&#xf851;</i> <span class="i-name">porto-icon-help</span><span class="i-code">0xf851</span>
    975         </div>
    976         <div class="span3" title="Code: 0xf852">
    977           <
i class="demo-icon porto-icon-info">&#xf852;</i> <span class="i-name">porto-icon-info</span><span class="i-code">0xf852</span>
    978         </div>
    979         <div class="span3" title="Code: 0xf853">
    980           <
i class="demo-icon porto-icon-help-circled-alt">&#xf853;</i> <span class="i-name">porto-icon-help-circled-alt</span><span class="i-code">0xf853</span>
    981         </div>
611       </div> 982       </div>
612       <div class="row"> 983       <div class="row">
613         <div class="the-icons span3" title="Code: 0xf857"><i class="demo-icon porto-icon-reply">&#xf857;</i> <span class="i-name">porto-icon-reply</span><span class="i-code">0xf857</span></div> 984         <div class="span3" title="Code: 0xf854">
614         <div class="the-icons span3" title="Code: 0xf858"><i class="demo-icon porto-icon-paper-plane">&#xf858;</i> <span class="i-name">porto-icon-paper-plane</span><span class="i-code">0xf858</span></div> 985           <
i class="demo-icon porto-icon-info-circled-alt">&#xf854;</i> <span class="i-name">porto-icon-info-circled-alt</span><span class="i-code">0xf854</span>
615         <div class="the-icons span3" title="Code: 0xf859"><i class="demo-icon porto-icon-magnify">&#xf859;</i> <span class="i-name">porto-icon-magnify</span><span class="i-code">0xf859</span></div> 986         </div>
616         <div class="the-icons span3" title="Code: 0xf85a"><i class="demo-icon porto-icon-zoom-in">&#xf85a;</i> <span class="i-name">porto-icon-zoom-in</span><span class="i-code">0xf85a</span></div> 987         <div class="span3" title="Code: 0xf855">
    988           <
i class="demo-icon porto-icon-chevron-left">&#xf855;</i> <span class="i-name">porto-icon-chevron-left</span><span class="i-code">0xf855</span>
    989         </div>
    990         <div class="span3" title="Code: 0xf856">
    991           <
i class="demo-icon porto-icon-chevron-right">&#xf856;</i> <span class="i-name">porto-icon-chevron-right</span><span class="i-code">0xf856</span>
    992         </div>
    993         <div class="span3" title="Code: 0xf857">
    994           <
i class="demo-icon porto-icon-reply">&#xf857;</i> <span class="i-name">porto-icon-reply</span><span class="i-code">0xf857</span>
    995         </div>
617       </div> 996       </div>
618       <div class="row"> 997       <div class="row">
619         <div class="the-icons span3" title="Code: 0xf85b"><i class="demo-icon porto-icon-zoom-out">&#xf85b;</i> <span class="i-name">porto-icon-zoom-out</span><span class="i-code">0xf85b</span></div> 998         <div class="span3" title="Code: 0xf858">
620         <div class="the-icons span3" title="Code: 0xf860"><i class="demo-icon porto-icon-chat">&#xf860;</i> <span class="i-name">porto-icon-chat</span><span class="i-code">0xf860</span></div> 999           <
i class="demo-icon porto-icon-paper-plane">&#xf858;</i> <span class="i-name">porto-icon-paper-plane</span><span class="i-code">0xf858</span>
621         <div class="the-icons span3" title="Code: 0xf861"><i class="demo-icon porto-icon-folder">&#xf861;</i> <span class="i-name">porto-icon-folder</span><span class="i-code">0xf861</span></div> 1000         </div>
622         <div class="the-icons span3" title="Code: 0xf862"><i class="demo-icon porto-icon-folder-open">&#xf862;</i> <span class="i-name">porto-icon-folder-open</span><span class="i-code">0xf862</span></div> 1001         <div class="span3" title="Code: 0xf859">
    1002           <
i class="demo-icon porto-icon-magnify">&#xf859;</i> <span class="i-name">porto-icon-magnify</span><span class="i-code">0xf859</span>
    1003         </div>
    1004         <div class="span3" title="Code: 0xf85a">
    1005           <
i class="demo-icon porto-icon-zoom-in">&#xf85a;</i> <span class="i-name">porto-icon-zoom-in</span><span class="i-code">0xf85a</span>
    1006         </div>
    1007         <div class="span3" title="Code: 0xf85b">
    1008           <
i class="demo-icon porto-icon-zoom-out">&#xf85b;</i> <span class="i-name">porto-icon-zoom-out</span><span class="i-code">0xf85b</span>
    1009         </div>
623       </div> 1010       </div>
624       <div class="row"> 1011       <div class="row">
625         <div class="the-icons span3" title="Code: 0xf863"><i class="demo-icon porto-icon-tag">&#xf863;</i> <span class="i-name">porto-icon-tag</span><span class="i-code">0xf863</span></div> 1012         <div class="span3" title="Code: 0xf860">
626         <div class="the-icons span3" title="Code: 0xf864"><i class="demo-icon porto-icon-tags">&#xf864;</i> <span class="i-name">porto-icon-tags</span><span class="i-code">0xf864</span></div> 1013           <
i class="demo-icon porto-icon-chat">&#xf860;</i> <span class="i-name">porto-icon-chat</span><span class="i-code">0xf860</span>
627         <div class="the-icons span3" title="Code: 0xf865"><i class="demo-icon porto-icon-calendar">&#xf865;</i> <span class="i-name">porto-icon-calendar</span><span class="i-code">0xf865</span></div> 1014         </div>
628         <div class="the-icons span3" title="Code: 0xf870"><i class="demo-icon porto-icon-circle-empty">&#xf870;</i> <span class="i-name">porto-icon-circle-empty</span><span class="i-code">0xf870</span></div> 1015         <div class="span3" title="Code: 0xf861">
    1016           <
i class="demo-icon porto-icon-folder">&#xf861;</i> <span class="i-name">porto-icon-folder</span><span class="i-code">0xf861</span>
    1017         </div>
    1018         <div class="span3" title="Code: 0xf862">
    1019           <
i class="demo-icon porto-icon-folder-open">&#xf862;</i> <span class="i-name">porto-icon-folder-open</span><span class="i-code">0xf862</span>
    1020         </div>
    1021         <div class="span3" title="Code: 0xf863">
    1022           <
i class="demo-icon porto-icon-tag">&#xf863;</i> <span class="i-name">porto-icon-tag</span><span class="i-code">0xf863</span>
    1023         </div>
629       </div> 1024       </div>
630       <div class="row"> 1025       <div class="row">
631         <div class="the-icons span3" title="Code: 0xf871"><i class="demo-icon porto-icon-shirt">&#xf871;</i> <span class="i-name">porto-icon-shirt</span><span class="i-code">0xf871</span></div> 1026         <div class="span3" title="Code: 0xf864">
632         <div class="the-icons span3" title="Code: 0xf872"><i class="demo-icon porto-icon-computer">&#xf872;</i> <span class="i-name">porto-icon-computer</span><span class="i-code">0xf872</span></div> 1027           <
i class="demo-icon porto-icon-tags">&#xf864;</i> <span class="i-name">porto-icon-tags</span><span class="i-code">0xf864</span>
633         <div class="the-icons span3" title="Code: 0xf873"><i class="demo-icon porto-icon-toys">&#xf873;</i> <span class="i-name">porto-icon-toys</span><span class="i-code">0xf873</span></div> 1028         </div>
634         <div class="the-icons span3" title="Code: 0xf874"><i class="demo-icon porto-icon-garden">&#xf874;</i> <span class="i-name">porto-icon-garden</span><span class="i-code">0xf874</span></div> 1029         <div class="span3" title="Code: 0xf865">
    1030           <
i class="demo-icon porto-icon-calendar">&#xf865;</i> <span class="i-name">porto-icon-calendar</span><span class="i-code">0xf865</span>
    1031         </div>
    1032         <div class="span3" title="Code: 0xf870">
    1033           <
i class="demo-icon porto-icon-circle-empty">&#xf870;</i> <span class="i-name">porto-icon-circle-empty</span><span class="i-code">0xf870</span>
    1034         </div>
    1035         <div class="span3" title="Code: 0xf871">
    1036           <
i class="demo-icon porto-icon-shirt">&#xf871;</i> <span class="i-name">porto-icon-shirt</span><span class="i-code">0xf871</span>
    1037         </div>
635       </div> 1038       </div>
636       <div class="row"> 1039       <div class="row">
637         <div class="the-icons span3" title="Code: 0xf875"><i class="demo-icon porto-icon-couch">&#xf875;</i> <span class="i-name">porto-icon-couch</span><span class="i-code">0xf875</span></div> 1040         <div class="span3" title="Code: 0xf872">
638         <div class="the-icons span3" title="Code: 0xf876"><i class="demo-icon porto-icon-sports">&#xf876;</i> <span class="i-name">porto-icon-sports</span><span class="i-code">0xf876</span></div> 1041           <
i class="demo-icon porto-icon-computer">&#xf872;</i> <span class="i-name">porto-icon-computer</span><span class="i-code">0xf872</span>
639         <div class="the-icons span3" title="Code: 0xf877"><i class="demo-icon porto-icon-gift">&#xf877;</i> <span class="i-name">porto-icon-gift</span><span class="i-code">0xf877</span></div> 1042         </div>
640         <div class="the-icons span3" title="Code: 0xf878"><i class="demo-icon porto-icon-eye">&#xf878;</i> <span class="i-name">porto-icon-eye</span><span class="i-code">0xf878</span></div> 1043         <div class="span3" title="Code: 0xf873">
    1044           <
i class="demo-icon porto-icon-toys">&#xf873;</i> <span class="i-name">porto-icon-toys</span><span class="i-code">0xf873</span>
    1045         </div>
    1046         <div class="span3" title="Code: 0xf874">
    1047           <
i class="demo-icon porto-icon-garden">&#xf874;</i> <span class="i-name">porto-icon-garden</span><span class="i-code">0xf874</span>
    1048         </div>
    1049         <div class="span3" title="Code: 0xf875">
    1050           <
i class="demo-icon porto-icon-couch">&#xf875;</i> <span class="i-name">porto-icon-couch</span><span class="i-code">0xf875</span>
    1051         </div>
641       </div> 1052       </div>
642       <div class="row"> 1053       <div class="row">
643         <div class="the-icons span3" title="Code: 0xf879"><i class="demo-icon porto-icon-export">&#xf879;</i> <span class="i-name">porto-icon-export</span><span class="i-code">0xf879</span></div> 1054         <div class="span3" title="Code: 0xf876">
644         <div class="the-icons span3" title="Code: 0xf87a"><i class="demo-icon porto-icon-bag-4">&#xf87a;</i> <span class="i-name">porto-icon-bag-4</span><span class="i-code">0xf87a</span></div> 1055           <
i class="demo-icon porto-icon-sports">&#xf876;</i> <span class="i-name">porto-icon-sports</span><span class="i-code">0xf876</span>
645         <div class="the-icons span3" title="Code: 0xf87b"><i class="demo-icon porto-icon-search-3">&#xf87b;</i> <span class="i-name">porto-icon-search-3</span><span class="i-code">0xf87b</span></div> 1056         </div>
646         <div class="the-icons span3" title="Code: 0xf87c"><i class="demo-icon porto-icon-check">&#xf87c;</i> <span class="i-name">porto-icon-check</span><span class="i-code">0xf87c</span></div> 1057         <div class="span3" title="Code: 0xf877">
    1058           <
i class="demo-icon porto-icon-gift">&#xf877;</i> <span class="i-name">porto-icon-gift</span><span class="i-code">0xf877</span>
    1059         </div>
    1060         <div class="span3" title="Code: 0xf878">
    1061           <
i class="demo-icon porto-icon-eye">&#xf878;</i> <span class="i-name">porto-icon-eye</span><span class="i-code">0xf878</span>
    1062         </div>
    1063         <div class="span3" title="Code: 0xf879">
    1064           <
i class="demo-icon porto-icon-export">&#xf879;</i> <span class="i-name">porto-icon-export</span><span class="i-code">0xf879</span>
    1065         </div>
647       </div> 1066       </div>
648       <div class="row"> 1067       <div class="row">
649         <div class="the-icons span3" title="Code: 0xf87d"><i class="demo-icon porto-icon-check-empty">&#xf87d;</i> <span class="i-name">porto-icon-check-empty</span><span class="i-code">0xf87d</span></div> 1068         <div class="span3" title="Code: 0xf87a">
650         <div class="the-icons span3" title="Code: 0xf880"><i class="demo-icon porto-icon-search-2">&#xf880;</i> <span class="i-name">porto-icon-search-2</span><span class="i-code">0xf880</span></div> 1069           <
i class="demo-icon porto-icon-bag-4">&#xf87a;</i> <span class="i-name">porto-icon-bag-4</span><span class="i-code">0xf87a</span>
651         <div class="the-icons span3" title="Code: 0xf881"><i class="demo-icon porto-icon-bag-1">&#xf881;</i> <span class="i-name">porto-icon-bag-1</span><span class="i-code">0xf881</span></div> 1070         </div>
652         <div class="the-icons span3" title="Code: 0xf882"><i class="demo-icon porto-icon-plus">&#xf882;</i> <span class="i-name">porto-icon-plus</span><span class="i-code">0xf882</span></div> 1071         <div class="span3" title="Code: 0xf87b">
    1072           <
i class="demo-icon porto-icon-search-3">&#xf87b;</i> <span class="i-name">porto-icon-search-3</span><span class="i-code">0xf87b</span>
    1073         </div>
    1074         <div class="span3" title="Code: 0xf87c">
    1075           <
i class="demo-icon porto-icon-check">&#xf87c;</i> <span class="i-name">porto-icon-check</span><span class="i-code">0xf87c</span>
    1076         </div>
    1077         <div class="span3" title="Code: 0xf87d">
    1078           <
i class="demo-icon porto-icon-check-empty">&#xf87d;</i> <span class="i-name">porto-icon-check-empty</span><span class="i-code">0xf87d</span>
    1079         </div>
653       </div> 1080       </div>
654       <div class="row"> 1081       <div class="row">
655         <div class="the-icons span3" title="Code: 0xf883"><i class="demo-icon porto-icon-minus">&#xf883;</i> <span class="i-name">porto-icon-minus</span><span class="i-code">0xf883</span></div> 1082         <div class="span3" title="Code: 0xf880">
    1083           <i class="demo-icon porto-icon-search-2">&#xf880;</i> <span class="i-name">porto-icon-search-2</span><span class="i-code">0xf880</span>
    1084         </div>
    1085         <div class="span3" title="Code: 0xf881">
    1086           <i class="demo-icon porto-icon-bag-1">&#xf881;</i> <span class="i-name">porto-icon-bag-1</span><span class="i-code">0xf881</span>
    1087         </div>
    1088         <div class="span3" title="Code: 0xf882">
    1089           <i class="demo-icon porto-icon-plus">&#xf882;</i> <span class="i-name">porto-icon-plus</span><span class="i-code">0xf882</span>
    1090         </div>
    1091         <div class="span3" title="Code: 0xf883">
    1092           <
i class="demo-icon porto-icon-minus">&#xf883;</i> <span class="i-name">porto-icon-minus</span><span class="i-code">0xf883</span>
    1093         </div>
656       </div> 1094       </div>
657     </div> 1095     </div>
658     <div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div> 1096     <div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div>
659   </body> 1097   </body>
660 </html> 1098 </html>